【Flutter】Cardの浮かぶ高さ(elevation)・影の色を指定

Card がz軸に浮かぶ高さと影の色を変更する方法を紹介します。

今回はCardelevation shadowColorを使用します。

\ 世界最大級のオンライン学習サービス /

目次

z軸に浮かぶ高さを指定

Card(
  child: Text(
    'Hello World',
    style: TextStyle(fontSize: 40),
  ),
  elevation: 10,
),

elevationでz軸に浮かぶ高さを指定できます。

影の色を指定

Card(
  child: Text(
    'Hello World',
    style: TextStyle(fontSize: 40),
  ),
  elevation: 10,
  shadowColor: Colors.purple,
),

shadowColor で影の色を指定します。

参考

  • URLをコピーしました!
目次