[解決済み] 丸みを帯びたボーダーを持つボタンを作成する [重複]。

質問

をどのように作るのでしょうか？ FlatButton を丸いボーダーのボタンにするにはどうしたらいいでしょうか？私は、丸みを帯びたボーダーの形状を RoundedRectangleBorder を使用して丸いボーダー形状を持っていますが、何らかの形でボーダーに色を付ける必要があります。

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

丸みを帯びたボタンがどのように見えるかの例 :

どのように解決するのですか？

使用方法 OutlinedButton の代わりに FlatButton .

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