【Flutter】アイコンボタン、アイコン付きボタンの使い方
Flutter で使用できるボタンには、どのようなものがあるか基本的なものを紹介します。また、ボタンのデザインを変更する方法も一緒に紹介します。 基本的なボタンの種類 ボタン表示用 Widget には .
アイコンを探すとき
- https://api.flutter.dev/flutter/material/Icons-class.htmlIcons クラスの公式ドキュメント。
- https://fonts.google.com/iconsアイコンの検索と一覧での確認できるため、使用したいアイコンを探しやすい。
まとめ
- アイコンボタン
- IconButton ウィジェットを使用して表示可能
- IconButton の各プロパティでデザインの変更が可能
- Material 3 を有効時は、塗りつぶしや枠の付与等のデザインが簡単に変更可能
- ElevatedButton等のボタンウィジェットに .icon を付与して表示可能
- style プロパティでデザインの変更が可能
以上で、【Flutter】アイコンボタン、アイコン付きボタンの使い方 は終わりです。
おすすめ書籍
posted with ヨメレバ 澤 良弘、上村 隆弘、村岡 直人、多田 幸一 マイナビ出版 2021年08月24日頃 posted with ヨメレバ 石井 幸次 シーアンドアール研究所 2019年12月24日頃 comment コメントをキャンセル 関連記事 Flutter で VIVANT のドラムが使用するアプリを再現してみた（解説編）Flutter で VIVANT のドラムが使用するアプリを再現してみた（作成編）で作成したソースコードを解説していきます！ 作成編は、以下ご参照ください！ https://hiyoko-progra .
【Flutter】アプリを多言語対応（ローカライズ）する方法 【Flutter】プログレスバーにテキストで進捗表示（%表示）を追加する方法アプリの進捗状況を 視覚的に分かりやすく表示する ために、プログレスバーはよく使われます。しかし、単にバーが伸びるだけでは 今どのくらい進んでいるのか が直感的に分かりにくいこともあります。 そこで今 .