[Flutter]アイコン付きのOutlinedButton

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

アイコン付きのOutlinedButtonを表示する方法を紹介します。

方法

「iconコンストラクタ」を使うことで、アイコン付きのOutlinedButtonを作ることが出来ます。

iconコンストラクタは、次の３つの引数を指定して使います。

• icon : 表示するアイコン
• label :表示するウェジェット
• onPressed : タップ処理

それぞれの引数で設定をすることで、アイコン付きのボタンにすることが出来ます。

child: OutlinedButton.icon(
  onPressed: () {},
  icon: Icon(Icons.flutter_dash),
  label: Text('Button'),
),

まとめ

アイコン付きのボタンを作成するには、「icon」コンストラクタを使います。

表示するアイコンは引数「icon」、表示するウェジェットは引数「label」で指定します。