Flutter中如何去除OutlinedButton的圆角边框？

要把OutlinedButton的默认圆角去掉改成直角，只需要在OutlinedButton.styleFrom()中添加shape参数，指定为RoundedRectangleBorder并将边框半径设为BorderRadius.zero即可。

修改后的完整代码如下：

OutlinedButton(
  style: OutlinedButton.styleFrom(
    side: const BorderSide(color: Color(0xffC5C5C5), width: 2.0),
    // 添加这一行来设置直角形状
    shape: const RoundedRectangleBorder(
      borderRadius: BorderRadius.zero,
    ),
  ),
  onPressed: () {},
  child: Text(
    "data",
    style: TextStyle(
      fontFamily: "GB",
      fontSize: 12,
      color: Color(0xffC5C5C5),
    ),
  ),
),

原理说明：

• RoundedRectangleBorder是Flutter中用于定义圆角矩形边框的类，通过borderRadius: BorderRadius.zero可以将圆角半径设为0，从而得到直角矩形。
• 这个参数会覆盖OutlinedButton的默认形状配置，直接应用你指定的直角样式。

内容的提问来源于stack exchange，提问作者Sepehr