flutter 抖动:图像未填充整个卡小部件

kxeu7u2r  于 2023-05-23  发布在  Flutter
关注(0)|答案(1)|浏览(137)

我目前正在做一个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),
      ),
    ],
  ),
);
v9tzhpje

v9tzhpje1#

使用堆栈构件的适合属性

Stack(
  fit: StackFit.expand
  children: []
)

相关问题