[Flutter]アイコンボタン(IconButton)のマージン(margin)を設定する方法

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

アイコンボタンのマージンを設定する方法を紹介します。

方法

アイコンボタンのマージンを設定するには、まず「IconButton」を「Paddingウェジェット」の「child」に指定します。

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

Padding(
  padding: EdgeInsets.all(50),
  child: IconButton(
    onPressed: () {},
    icon: Icon(Icons.flutter_dash),
  ),
)

「Paddingウェジェットで指定するのは、パディングじゃないの？」
と疑問になる人もいると思います。

確かに、名前通りパディングを設定するウェジェットなのです。

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

なので、IconButton視点では、マージンになるのです。

オススメの記事