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