我在Flutter中添加到卡片中的图像没有覆盖整个卡片

Question

child: Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20)),
color: Colors.red,
child: Column(
children: [
Image.network(
networkImage,
fit: BoxFit.cover,
)
],
),
),

我在图像下面创建了fit属性'cover'。但是图像不是分布在整张卡上。

Answer 1

如果你需要让你的Image在Column小部件，那么你可以包装它与Expanded小部件，像这样:

Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20)),
color: Colors.red,
child: Column(
// MainAxisSize: MainAxisSize.min,
children: [
Expanded(
child: Image.network(
"https://via.placeholder.com/200x50",
fit: BoxFit.cover,
),
)
],
),
),

如果您实际上不需要在Column中设置它，那么您可以这样使用它:

Center(
child: Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20)),
color: Colors.red,
child: Image.network(
"https://via.placeholder.com/200x50",
fit: BoxFit.cover,
),
),
),