☰

カスタムカードシェイプ Flutter SDK 質問する

tag-icon • tag-icon flutter flutter-layout
カスタムカードシェイプ Flutter SDK 質問する

Flutter で GridView を使用してアプリを開発しました。GridView アイテムはカードで、デフォルトのカードの形状は半径 4 の長方形です。

Card Widget には shape プロパティがあり、ShapeBorder クラスが必要であることはわかっていますが、ShapeBorder クラスを使用して GridView でカードをカスタマイズする方法がわかりません。

これについてどうすればいいでしょうか?

ベストアンサー1

使えますこちらです

ここに画像の説明を入力してください

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,
  ),
),

おすすめ記事