flutter - 自定义卡片形状 Flutter SDK

我在 Flutter 上使用 GridView 开发了一个应用程序。 GridView 项目为 Card,默认卡片形状为 Rectangle,半径为 4。

我知道 Card Widget 有 shape 属性,它需要 ShapeBorder 类,但我无法找到如何使用 ShapeBorder 类并在 GridView 中自定义我的卡片。

我该怎么做?

最佳答案

您可以使用它this way

Card(
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(15.0),
  ),
  child: Text(
    'Card with circular border',
    textScaleFactor: 1.2,
  ),
),
Card(
  shape: BeveledRectangleBorder(
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: Text(
    'Card with Beveled border',
    textScaleFactor: 1.2,
  ),
),
Card(
  shape: StadiumBorder(
  side: BorderSide(
    color: Colors.black,
    width: 2.0,
  ),
),
  child: Text(
    'Card with Stadium border',
    textScaleFactor: 1.2,
  ),
),

https://stackoverflow.com/questions/50756745/

相关文章:

json - 如何在 flutter 中反序列化来自json的对象列表

dart - 未找到方向性小部件

dart - 在 flutter 中以编程方式关闭模态底部表

dart - Flutter 中的装饰图像模糊

flutter - 禁用 TabBar flutter 中的滑动标签

firebase - Flutter 和 google_sign_in 插件 : PlatformE

flutter - 如何在 flutter 中制作圆形 TextField?

dart - Flutter:忽略小部件上的触摸事件

dart - Flutter - 在路由之间推送和获取值(value)

firebase - flutter 和 Firebase : Compression before