[Flutter]FloatingActionButtonを左下に表示する方法

どうも、ちょげ(@chogetarou)です。

FloatingActionButtonを右下ではなく、左下に表示する方法を紹介します。

方法

FloatingActionButtonを左下に表示するには、Scaffoldの引数「floatingActionButtonLocation」を使います。

具体的には、「floatingActionButtonLocation」に「FloatingActionButtonLocation.startDocked」を指定します。

class Test extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(),
      floatingActionButtonLocation: FloatingActionButtonLocation.startDocked,
      floatingActionButton: FloatingActionButton(
        onPressed: () {},
        child: Icon(Icons.add),
      ),
    );
  }
}