1、加载本地图片,且加圆角
Container(
width: 270,
height: 160,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage(
'assets/pic_name.png'),
alignment: Alignment.centerLeft,
fit: BoxFit.fill),
color: Colors.white,
borderRadius: BorderRadius.circular(12),
),
)
Container(
width: 270,
height: 160,
decoration: BoxDecoration(
image: DecorationImage(
image: Image.asset('assets/pic_name.png'),
fit: BoxFit.cover),
color: Colors.white,
borderRadius: BorderRadius.circular(12),
),
)
2、加载网络图片,且加圆角
Container(
width: 160,
height: 200,
decoration: BoxDecoration(
image: DecorationImage(
image: NetworkImage(
'${data.image}'),
alignment: Alignment.centerLeft,
fit: BoxFit.cover),
color: Colors.white,
borderRadius: BorderRadius.circular(12),
),
)
3、加载GIF图片, 切加圆角
ClipRRect(
borderRadius: BorderRadius.circular(12),
child: Image.network(
'${data.imageUrl}',
fit: BoxFit.cover,
),
)
4、加载网络图片,且有默认加载图
FadeInImage.assetNetwork(
placeholder: 'assets/loading.gif',
image: 'https://picsum.photos/250?image=9',
);