[Flutter]MaterialButtonの影の大きさを設定する方法

どうも、ちょげ(@chogetarou)です。

MaterialButtonの影の大きさを設定する方法を紹介します。

方法

MaterialButtonの影の大きさを設定するには、引数「elevation」を使います。

「elevation」は、影の大きさを指定できるプロパティで、デフォルトでは「２」が設定されています。

MaterialButton(
  elevation: 10,
  color: Colors.blue,
  child: Text(
    'Button',
    style: TextStyle(color: Colors.white),
  ),
  onPressed: () {},
),

MaterialButtonの「elevation」には、「Double」型の値が指定できます。

そして、指定した値が影のサイズになります。

まとめ

MaterialButtonの影の大きさは、引数「elevation」で設定します。