広告

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


Flutterラボ
hatchoutschool
FlutterとNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ:https://flutterlabo.tech/ 広告のECサイトを開発(https://ec-ad.tech/)