
1.ClipRRect可设置添加默认图片
ClipRRect(
borderRadius: BorderRadius.circular(10),
child: FadeInImage.assetNetwork(
placeholder: 'assets/images/pic_mes_blank.png',
image:
'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1565157302904&di=0b4e458fd1a51902c2fdad733da23c3a&imgtype=0&src=http%3A%2F%2Fe.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F4610b912c8fcc3cef70d70409845d688d53f20f7.jpg',
width: double.infinity,
fit: BoxFit.cover,
height: ScreenUtil().setWidth(150.0),
)),
2.BoxDecoration
Container(
width: double.infinity,
height: ScreenUtil().setWidth(150.0),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(
'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1565157302904&di=0b4e458fd1a51902c2fdad733da23c3a&imgtype=0&src=http%3A%2F%2Fe.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F4610b912c8fcc3cef70d70409845d688d53f20f7.jpg'),
fit: BoxFit.cover,
))
),
3.ShapeDecoration
Container(
width: double.infinity,
height: ScreenUtil().setWidth(150.0),
decoration: ShapeDecoration(
shape: BeveledRectangleBorder(
borderRadius: BorderRadius.circular(10)
),
image: DecorationImage(
image: NetworkImage(
'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1565157302904&di=0b4e458fd1a51902c2fdad733da23c3a&imgtype=0&src=http%3A%2F%2Fe.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F4610b912c8fcc3cef70d70409845d688d53f20f7.jpg',),
fit: BoxFit.cover,
)),
),
网友评论