flutter - 创建一个带有圆形边框的按钮

Question

这个问题在这里已经有了答案:

Create a rounded button / button with border-radius in Flutter (33 个答案)

关闭 3年前。

您如何将 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"),
);