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

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

https://stackoverflow.com/questions/50083390/

相关文章:

dart - 在 flutter 中使用新关键字

Flutter Layout Row/Column - 共享宽度,扩展高度

dart - Flutter - 从 Assets 中读取文本文件

android - 如何在flutter中获取TextField值

flutter - 从另一个有状态小部件调用一个有状态小部件中的方法 - Flutter

flutter - 如何确定屏幕高度和宽度

android-studio - 带有 Flutter 更新的 Android Studio 导致了

flutter - 从 Flutter 中的 Scaffold AppBar 中删除阴影?

dart - 如何将 JSON Assets 加载到 Flutter 应用程序中?

android - Flutter:适用于 Windows 的 iOS 模拟器