[Flutter]OutlinedButtonの枠線の色を変える方法

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

OutlinedButtonの枠線の色を変える方法を紹介します。

方法

OutlinedButtonの枠線の色を変えるには、まず「style」に「OulinedBorder.styleFrom」を指定します。

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

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

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