[Flutter]ElevatedButtonの背景を透明にする方法

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

ElevatedButtonの背景を透明にする方法を紹介します。

方法

ElevatedButtonの背景を透明にするには、「ElevatedButton.styleFrom」を使います。

ElevatedButton.styleFromの引数「primary」に「Colors.transparent」、引数「elevation」に「０」を指定します。

            ElevatedButton(
              onPressed: () {},
              child: Text('Button'),
              style: ElevatedButton.styleFrom(
                primary: Colors.transparent,
                elevation: 0,
                onPrimary: Colors.blue,
              ),
            )

まとめ

ElevatedButtonの背景を透明にするには、ElevatedButton.styleFromを使います。

ElevatedButton.styleFromの「primary」と「elevation」の設定で、背景を透明にすることが出来ます。