Flutter　Containerの上に影を表示するサンプル

2024年1月17日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

Container(
  decoration: BoxDecoration(
    boxShadow: [
      BoxShadow()
    ],
  ),
),

BoxDecorationの引数「boxShadow」に「[ BoxShadow() ]」を指定します。
BoxShadowの引数「offset」に「Offset(0 , /*負の値*/)」を指定します。

使用例

Container(
  decoration: BoxDecoration(
    boxShadow: [
      BoxShadow(
        offset: Offset(0, -8),
        color: Colors.grey,
        blurRadius: 2,
      )
    ],
    color: Colors.white,
  ),