[Flutter]TextButtonに枠線を付ける方法

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

TextButtonに枠線を付ける方法を紹介します。

方法

TextButtonに枠線を付けるには、まず引数「style」に「TextButton.styleFrom」を指定します。

次に、TextButton.styleFromの引数「side」に、「BorderSide」を指定します。

最後に、BorderSideの引数「color」で、枠線の色を設定すれば、TextButtonに枠線がつきます。

TextButton(
  style: TextButton.styleFrom(
    side: BorderSide(
      color: Colors.red, //枠線の色
    ),
  ),
  onPressed: () {},
  child: Text('Button'),
),