你怎么把FlatButton变成一个圆形边框的按钮呢?我使用RoundedRectangleBorder创建了圆形边框形状,但不知何故需要给边框上色.

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

带有圆形按钮的按钮外观示例:image

推荐答案

使用OutlinedButton而不是FlatButton.

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

Flutter相关问答推荐

如何将图像从顶部和底部半向外设置为飘动

如何使一个悬浮的appbar在flutter?

将目标平台设置为Flutter 构建

在Flutter 中创建自定义Snackbar类

分页控制器在到达页面末尾之前或在初始化页面时对每个索引调用API

如何正确处理Flutter 翼中使用火基时发生的碰撞?

GetConnect Post API调用在Flutter Web中不起作用说:415不支持的媒体类型

如何在不注销的情况下刷新Firebase身份验证用户

如何从文本比例因子迁移到文本比例因子

如何使 dart 函数变得通用?

Flutter: pie_chart 插件动画滚动问题

Flutter - firebase_auth_web 5.4.0 依赖于 intl ^0.17.0 但我必须使用更高版本 (intl ^0.18.0)

什么最接近 Dart 的 List.asMap().forEach() 返回列表?

为什么将 bloc 提供程序放在单独的文件/类中会引发错误?

Android Electric eel Mac M1:运行 flutter doctor -v 时无法找到Bundle 的 java 版本

如何在椭圆形图像周围添加边框?Flutter

Flutter如何从左到右连续 Select 多个列表项而不跳过任何

Flutter_riverpod 安装时出现问题

如何在没有上下文的情况下使用国际Flutter ?

如何验证位于 PageView 内不同页面的 TextFormFields