[Flutter]TextButtonの枠線の色を設定する方法

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

TextButtonの枠線の色を設定する方法を紹介します。

方法

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

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

最後に、BorderSideクラスの引数で枠線の色を設定します。

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