【Flutter】Containerにelevationをつける

Flutterに関する毎日投稿を1ヶ月半続けています。
初心者から中級者に向けてアプリ開発に関する知識を発信しているので、よければ他の記事もご覧ください。

Flutter Daily｜Hatchout School@Flutter毎日更新｜note

YouTubeでもFlutterについての動画を公開しているのでそちらもチェックしてみてください。

Flutterラボ

本日のお題は、elevationを付け方についてです。

AppBarやCardのようなウィジェットには、elevationプロパティが用意されており、ウィジェットが浮いているような影を付けることができます。

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

しかし、Container等のウィジェットにはelevationプロパティが無いのでそのままelevationを設定することができません。

そういった場合は、Materialウィジェットで囲うことで解決することができます。

Material(
 elevation: 20.0,
 child: Container(width: 120, height: 100,)
)