自定义卡片形状颤振SDK [英] Custom Card Shape Flutter SDK

问题描述

我刚刚开始学习Flutter，并且已经使用GridView开发了一个应用程序. GridView项目是Card. 默认卡片形状为矩形，半径为4.

I just started learning Flutter and I have developed an app with GridView. GridView items are Card. Default card shape is Rectangle with a radius of 4.

我知道Card Widget有shape属性，它需要ShapeBorder类. 但是我找不到如何使用ShapeBorder类和在GridView中自定义我的卡片的方法.

I know there is shape property for Card Widget and it takes ShapeBorder class. But I am unable to find how to use ShapeBorder class and customize my cards in GridView.

预先感谢.

推荐答案

您可以使用它

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 Beveled border',
    textScaleFactor: 1.2,
  ),
),

这篇关于自定义卡片形状颤振SDK的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！