[Flutter]ボタンにマージンを設定する方法

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

ボタンにマージンを設定する方法を紹介します。

方法

ボタンにマージンを設定するには、Paddingウェジェットを使います。

Paddingウェジェットの「padding」にマージンに設定した値を設定します。

そして、引数「child」にボタンを指定します。

            Padding(
              padding: const EdgeInsets.all(8.0), //マージン
              child: TextButton(
                onPressed: () {},
                child: Text('Button'),
              ),
            )

EdgeInsets.all()で指定した値がマージンになります。

まとめ

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

Paddingの引数「padding」に設定したものがマージンになります。