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

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

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

方法

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

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

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

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