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

2024-04-03

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

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

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
      ))
  )...

我收到此错误消息:只能为统一边框指定边框半径。这就是我想要实现的目标 https://i.stack.imgur.com/hLidb.png


我认为你需要使用 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
                )
            )
        )
    )
)

输出供参考:

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在颤振中的圆角容器上添加彩色底部边框? 的相关文章

随机推荐