如何在颤动中的圆角容器上添加彩色底部边框？

Question

我正在尝试创建一个带有彩色底部边框（一侧）的圆角容器。

我尝试对它们应用边框半径和边框颜色，但似乎出现错误，并且小部件无法呈现。

Container(
  margin: EdgeInsets.only(
    top:15.0
  ),
  decoration: BoxDecoration(
    color: Colors.white,
    borderRadius: BorderRadius.all(
      Radius.circular(3)
    ),
    border: Border(
      bottom: BorderSide(color: Color.fromRGBO(0, 83, 79, 1),
      width: 3.0
      ))
  )...

我收到此错误消息：只能为统一边界提供边界半径。这就是我正在努力实现的目标

Answer 1

我认为你需要像这样使用 ClipPath：

ClipPath(
    clipper: ShapeBorderClipper(
        shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.all(Radius.circular(10))
        )
    ),
    child: Container(
        height: 70.0,
        width: 200.0,
        decoration: BoxDecoration(
            color: Colors.orange,
            border: Border(
                bottom: BorderSide(
                    color: Color.fromRGBO(0, 83, 79, 1),
                    width: 7.0
                )
            )
        )
    )
)

输出供参考：