Flutter框架中能否反转Container的BorderRadius？实现bottomRight圆角位置调换方案问询

你现在的代码只给容器的**右下角（bottomRight）**设置了圆角，要把这个圆角移到另一侧，只需要调整BorderRadius.only的参数即可——Flutter的BorderRadius类完全支持自定义任意单个角的圆角样式。

举两个常见的场景示例： #

1. 把圆角移到左下角（bottomLeft）（和原位置水平对称）

修改后的完整代码：

Container(
  width: 200,
  height: 200,
  decoration: BoxDecoration(
    color: Colors.deepPurple[900]!,
    borderRadius: const BorderRadius.only(
      bottomLeft: Radius.circular(40), // 替换为目标圆角位置
    ),
  ),
)

2. 把圆角移到右上角（topRight）（和原位置垂直对称）

如果想要垂直方向的另一侧，代码如下：

Container(
  width: 200,
  height: 200,
  decoration: BoxDecoration(
    color: Colors.deepPurple[900]!,
    borderRadius: const BorderRadius.only(
      topRight: Radius.circular(40),
    ),
  ),
)

小提示： #

• BorderRadius.only支持同时设置多个角的圆角，比如你想同时给左下角和右上角加圆角，直接在参数里同时声明即可。
• 建议把容器的color属性放到BoxDecoration内部，虽然Flutter允许同时在Container和Decoration里设置颜色，但这样写更规范，也能避免潜在的样式冲突。

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