[Flutter]アイコン付きのTextButtonを表示するには？

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

アイコン付きのテキストを表示するTextButtonを作る方法を紹介します。

方法

            TextButton.icon(
              onPressed: () {},
              icon: Icon(Icons.search), //アイコン
              label: Text('検索'), //テキスト
            )

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

TextButton.icon()の引数「icon」にアイコン、引数「label」に「テキスト」を指定します。

「onPressed」にタップ処理を設定します。

まとめ

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

「iconコンストラクタ」の引数「icon」でアイコンの設定をします。