如何在具有边界半径的容器中框入图像网络

Question

如何在具有边界半径的容器中框装图像网络

Container(
width: 100,
height: 100,
child: Image.network(
snapshot.data!,
fit: BoxFit.cover,
),
),

Answer 1

当您使用Container覆盖clipBehavior并调用decoration时

Container(
width: 100,
height: 100,
clipBehavior: Clip.hardEdge, //default is none
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12.0),
),
child: Image.network(
"",
fit: BoxFit.cover,
),
),

Answer 2

ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: Container(
height: 100.0,
width: 100.0,
child: Image.network(
subject['images']['large'],
height: 100.0,
width: 100.0,
),)
)

Answer 3

Container(
width: 100,
height: 100,
child: Image.network(
snapshot.data!,
fit: BoxFit.cover,
width: 100,
height: 100,
),
),

Answer 4

Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10)),
width: 100,
height: 100,
child: Image.network(
snapshot.data!,
fit: BoxFit.cover,
),),