【Flutter】FloatingActionButtonの表示位置をデフォルトから中央下に変更

FloatingActionButtonの表示位置をデフォルトの右下から指定した位置に変更する方法を紹介します。

表示位置は変更するにはScaffoldfloatingActionButtonLocationを使用します。

\ 世界最大級のオンライン学習サービス /

目次

FloatingActionButtonの表示位置を変更する

Scaffold(
  floatingActionButton: FloatingActionButton(
    child: Icon(Icons.add),
    onPressed: () {},
  ),
  floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
),

FloatingActionButtonの表示位置はScaffoldfloatingActionButtonLocationで指定できます。

floatingActionButtonLocationの引数にFloatingActionButtonLocationを渡します。上記コードではFloatingActionButtonLocation.centerFloatで中央下に表示するよう指定しています。

一緒に読みたい

参考

  • URLをコピーしました!
目次