☰

丸い境界線を持つボタンを作成する [重複] 質問する

tag-icon • tag-icon flutter
丸い境界線を持つボタンを作成する [重複] 質問する

丸い境界線を持つボタンを作成するにはどうすればよいでしょうかFlatButton。丸い境界線の形状を使用していますRoundedRectangleBorderが、境界線に色を付ける必要があるようです。

new FlatButton(
  child: new Text("Button text),
  onPressed: null,
  shape: new RoundedRectangleBorder(borderRadius: new BorderRadius.circular(30.0))
)

丸いボタンの例:画像

ベストアンサー1

使用OutlinedButtonの代わりにFlatButton。

OutlinedButton(
  onPressed: null,
  style: ButtonStyle(
    shape: MaterialStateProperty.all(RoundedRectangleBorder(borderRadius: BorderRadius.circular(30.0))),
  ),
  child: const Text("Button text"),
);

おすすめ記事