创建圆形边框按钮[重复]

Question

如何将flatbutton转换为带有圆边的按钮？我使用RoundedRectangleBorder获得了圆角边框形状，但不知怎么需要给边框着色。

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

Answer 1

使用OutlinedButton代替FlatButton。

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