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

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

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

方法

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

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

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

ElevatedButton(
  style: ElevatedButton.styleFrom(
      side: BorderSide(
           color: Colors.red,
       ),
  ),
  onPressed: () {},
  child: Text('Button'),
),