19.8.12 记录画圆角和背景色导致的坑
作者:互联网
画圆角或者边框的时候首先会想到decoration属性。
但是发现设置完后。写的时候没有报错,但是一运行就出错了。错误如下
明显能看出背景色和decoration不能同时存在,由于我设置了背景色导致的。
为了解决这个问题,只能更改设置圆角的方式,然后整理了如下两种圆角切割的方法
1:利用ClipOval
一般用在设置圆角的头像之类的。可以直接画出一个圆
事例:
ClipOval( child: Image.network( 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1565171973479&di=f9d1373acac015529395048fdd5d1940&imgtype=0&src=http%3A%2F%2Fimg5.duitang.com%2Fuploads%2Fitem%2F201502%2F18%2F20150218090040_uKSaN.jpeg', fit: BoxFit.cover, width: ScreenUtil().setWidth(90), height: ScreenUtil().setHeight(90), ))
效果如下
2:利用ClipRRect
用来设置圆角之类的
事例:
ClipRRect( borderRadius: BorderRadius.circular(50), child: Container( width: 100, height: 100, color: Colors.grey, ), )
效果如下
-------over---------
标签:圆角,12,19.8,如下,背景色,ScreenUtil,设置,ClipRRect 来源: https://www.cnblogs.com/110-913-1025/p/11340145.html