其他分享
首页 > 其他分享> > 19.8.12 记录画圆角和背景色导致的坑

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