見出し画像

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

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

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

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

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

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


この記事が気に入ったらサポートをしてみませんか?