[Flutter]ButtonBar内のボタン(Button)に間隔を設定する方法

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

ButtonBar内のボタン同士の間隔を設定する方法を紹介します。

方法

ボタン同士の間隔を設定するには、ButtonBarの引数「buttonPadding」を使います。

この引数に指定したPaddingが、ボタン同士の間隔になります。

          ButtonBar(
              buttonPadding: EdgeInsets.all(50), //間隔
              children: [
                ElevatedButton(
                  onPressed: () {},
                  child: Text('Button'),
                ),
                ElevatedButton(
                  onPressed: () {},
                  child: Text('Button'),
                ),
              ],
            )

まとめ

ButtonBarに配置するボタンの間隔を設定するには、引数「buttonPadding」を使います。