如何将FlatButton改为带圆角边框的按钮并设置边框颜色？

嗨，这问题很好解决！你已经通过RoundedRectangleBorder实现了圆角效果，要给边框设置颜色，只需要在这个边框类里添加side参数，指定BorderSide的颜色和宽度就可以了。

修改后的FlatButton代码 #

FlatButton(
  child: Text("Button text"),
  onPressed: () {}, // 这里建议不要设为null，否则按钮会处于禁用状态
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(30.0),
    side: BorderSide(
      color: Colors.blue, // 这里设置你想要的边框颜色
      width: 2.0, // 边框宽度，可选，默认是1.0
    ),
  ),
)

额外提示：FlatButton已被弃用 #

在新版本的Flutter中，FlatButton已经被标记为过时（deprecated），官方推荐使用TextButton来替代，实现同样的圆角带边框效果的代码如下：

TextButton(
  child: Text("Button text"),
  onPressed: () {},
  style: TextButton.styleFrom(
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(30.0),
      side: BorderSide(color: Colors.blue, width: 2.0),
    ),
  ),
)

这样不管是用旧的FlatButton还是新的TextButton，都能得到你想要的带圆角和指定颜色边框的按钮啦。

内容的提问来源于stack exchange，提问作者S.D.