[Flutter]TextButtonのパディングを消す方法

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

TextButtonのパディングを消す方法を紹介します。

方法

TextButtonのパディングを削除するには、まず引数「style」に「TextButton.styleFrom」を指定します。

そして、TextButton.styleFromの引数「minimumSize」に「Size.zero」、引数「padding」に「EdgeInsets.zero」を指定します。

            TextButton(
              onPressed: () {},
              child: Text('Button'),
              style: TextButton.styleFrom(
                backgroundColor: Colors.yellow,
                minimumSize: Size.zero,
                padding: EdgeInsets.zero,
              ),
            )

パディングを削除するだけなら、基本的に引数「padding」に「EdgeInsets.zero」を指定するだけで十分です。

ですが、TextButtonの場合は、引数「minimumSize」で最小のサイズをゼロにしなければいけません。

まとめ

TextButtonのパディングを削除するには、TextButton.styleFromを使います。

TextButton.styleFromの引数「minimumSize」に「Size.zero」、引数「padding」に「EdgeInsets.zero」を指定することで、パディングを0にすることが出来ます。