我正在尝试创建一个带有彩色底部边框(一侧)的圆角容器。
我尝试对它们应用边框半径和 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(使用前将#替换为@)