Flutterラボ リリース3周年記念! プロコースが1ヶ月の料金で2ヶ月間受けられる、実質半額セール (2024年3月17日まで・先着)

Flutterラボの

プレミアム会員になる

【Flutter】FloatingActionButtonの大きさを変更する

2020.10.21

毎日投稿41日目です。
本日は、FloatingActionButtonのサイズ変更についてです。

FloatingActionButtonウィジェットにはサイズ変更のプロパティがありません。
こういった場合は、ContainerやSizedBox等の大きさ指定できるウィジェットで囲うことで解決することができます。
今回は、Containerで記述してみます。

floatingActionButton: Container(
 width: 40.0,
 child: FloatingActionButton(
   child: Icon(Icons.add),
   onPressed: () {},
 ),
),

これで大きさを変更させることができました。

YouTubeでもFlutterが学習できる動画を公開しているので、ぜひ観てみてください!

ハッチアウトスクール 【Flutter アプリ開発】 Flutterエンジニアを目指す! Flutterに対する興味がある! Flutterって何?教えて先生! そんな皆様に楽 www.youtube.com