首页 > 解决方案 > CachedNetwokImage - 渲染前调整图像大小

问题描述

我正在制作一个显示大量图像的应用程序。我为此使用CachedNetworkImage。问题是当我显示这些图像时,帧率真的很差。我想在显示它们之前调整这些图像的大小,以减少卡顿。

我在环顾四周时发现了这些属性maxHeightDiskCachememCacheHeight。设置maxHeightDiskCache实现了我想要的,但它也调整了我不想要的缓存存储中的图像大小。memCacheHeight 似乎是我从阅读描述中想要的。但是设置memCacheHeight似乎不起作用,图像以其原始分辨率显示。

这是我的代码:


CachedNetworkImage(
                memCacheHeight: 400,
                memCacheWidth: 200,
                imageUrl: ctrlr.images[index].url,
                imageBuilder: (context, imageProvider) {
                  return ImageChip(
                    imageProvider: imageProvider
                  );
                },
                placeholder: (context, url) => Center(
                    child: Container(
                  height: SizeConfig.safeBlockHorizontal * 8,
                  width: SizeConfig.safeBlockHorizontal * 8,
                  child: CircularProgressIndicator(),
                )),
                errorWidget: (context, url, error) => Icon(Icons.error),
              )

我究竟做错了什么?

标签: flutterflutter-packages

解决方案


推荐阅读