Flutter　MaterialButtonの形状を指定するサンプル

2023年9月10日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
MaterialButtonの形状を設定するには、引数「shape」を使います。
CircleBorder：丸
RoundedRectangleBorder : 角丸の四角形

操作例

child: MaterialButton(
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(18), //角丸
    side: BorderSide(color: Colors.blue), //枠線
  ),
  color: Colors.blue,
  child: Text(
    'Button',
    style: TextStyle(color: Colors.white),
  ),
  onPressed: () {},
),