【Flutter】Cardにelevationで影をつける

Flutterを書いていると、Cardを使う場面が出てくることと思います。

そこでCard内に'elevation'という設定をみたことはないでしょうか?

 

実はこの'elevation'という設定はCardに影をつけることができます。(CardだけでなくAppbarもできるらしい)

f:id:moun45:20220322104510p:plain

Card(
elevation: 8,
child: Container(
width: 120,
height: 100,
),
),

 

以上がelevationについての説明となります。

これをやるとやらないでUIのオシャレ度が変わってくるので、余裕があればぜひ試してみましょう。