[解決済み] 文字とアイコンがひらひらの丸いボタン

質問

のテキストとアイコンを持つボタンを作成するにはどうしたらよいでしょうか？ flutter ?

を持たせたかったのですが button というテキストが入ったアイコンのようなものを画面の下に表示させたいと思いました。

例えば、このようなアイコンです。 アンドロイドボタンアイコンとテキスト

どのように解決するのですか？

EDIT 1: Flutter 1.20のリリースで、Flutter Teamは新しいボタンを導入する変更を行いました。そのため、以下のボタンタイプは非推奨となります。使用方法 テキストボタン の代わりに フラットボタン と 昇降ボタン の代わりに レイズドボタン .

TextButton.icon(onPressed: null, icon: null, label: null);
Elevated.icon(onPressed: null, icon: null, label: null);

ボタンとそのテーマに関する変更点を見る はこちら

注：FlatButtonとRaisedButtonはDEPRECATEDです。

アイコン付きの様々なタイプのボタンを作成するために、名前付きコンストラクタを単純に使用することができます。例えば

FlatButton.icon(onPressed: null, icon: null, label: null);
RaisedButton.icon(onPressed: null, icon: null, label: null);

しかし、もし特定の要件があるのなら、いつでも異なるレイアウトのカスタムボタンを作成したり、単純にウィジェットを ジェスチャー検出器 .