[Flutter]FloatingActionButtonのマージンを設定する方法

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

FloatingActionButtonのマージンを設定する方法を紹介します。

方法

FloatingActionButtonのマージンを設定するには、「Paddingウェジェット」を使います。

Paddingウェジェットの「child」に、FloatingActionButtonを指定します。

そして、「Paddingウェジェット」の引数「padding」で、マージンの設定をします。

Scaffold(
  body: Test(),
  floatingActionButton: Padding(
    padding: const EdgeInsets.all(50),
    child: FloatingActionButton(onPressed: () {}),
  ),
),

Paddingウェジェットで指定するのは、「child」の周りのパディングです。

なので、「child」のウェジェットからしたらマージンになるのです。