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

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

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

方法

OutlinedButtonの枠線の設定をするには、「OutlinedButton.styleFrom」を使います。

具体的には、OutlinedButtonの引数「style」に、OutlinedButton.styleFromを指定します。

そして、OutlinedButton.styleFromの引数「side」に指定する「BorderSideクラス」で枠線の設定をします。

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