我目前正在做一个Flutter项目,在这个项目中,我将图像从网络加载到一个Card小部件中。然而,我面临的问题是,图像没有填满整个卡片,留下了大量白色在两侧。即使我将fit属性设置为BoxFit.cover或BoxFit.contain,也会发生这种情况。
下面是我的代码片段:
return Card(
elevation: 5,
clipBehavior: Clip.antiAlias,
child: Stack(
children: [
Center(
child: Image.network(
_imageUrls[index - 1]['url'] ?? '',
fit: BoxFit.cover,
loadingBuilder: (BuildContext context, Widget child, ImageChunkEvent? loadingProgress) {
if (loadingProgress == null) return child;
return Center(
child: CircularProgressIndicator(
value: loadingProgress.expectedTotalBytes != null
? loadingProgress.cumulativeBytesLoaded / loadingProgress.expectedTotalBytes!
: null,
),
);
},
),
),
Positioned(
right: 5.0,
top: 5.0,
child: Icon(Icons.more_horiz, color: Colors.black, size: 30),
),
],
),
);
1条答案
按热度按时间v9tzhpje1#
使用堆栈构件的适合属性