Flutter OutlinedButtonの枠線の色を変えるサンプル

2023年10月18日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

style: OutlinedButton.styleFrom(
  side: BorderSide(
    color: /*枠線の色*/, 
  ),
),

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

使用例

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