需求: 圖片加圓角
- 在網(wǎng)上看了許多的文章似炎，都是使用如下代碼 辛萍，然而無效....
Center(
child: Container(
decoration: BoxDecoration(
borderRadius:BorderRadius.circular(10)
),
child: Image.network(
imagePath,
width: 250,
height: 150,
fit: BoxFit.cover,
),
),
),
2.使用裝飾器可以實(shí)現(xiàn)圓角效果，但是如果我們需要加一個(gè)占位圖呢羡藐？
Center(
child: Container(
width: 250,
height: 150,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(imagePath),
fit: BoxFit.cover,
)
),
),
)
3.完美實(shí)現(xiàn)我的需求贩毕，既有圓角，又有占位圖
Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Container(
width: 250,
height: 150,
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
child: FadeInImage.assetNetwork(
placeholder: "images/ic_device_image_default.png",
image: imagePath,
fit: BoxFit.cover,
),
),
)));
如下動(dòng)圖
