Flutter应用安卓端加载图片图库时停止运行问题求助

我使用CachedNetworkImage组件搭建了该图片图库，上传了部分来自unsplash的图片，这些图片画质较高，部分文件体积较大。

尽管Flutter对图片有高效管理机制（未在屏幕展示的图片不会被加载渲染），但仍出现异常：我一进入该图库页面，应用就会关闭，且手机系统UI会重置，底部的联系人、WhatsApp等常用图标全部消失，数秒后才重新显示，该情况我从未在其他应用上遇到过。

本次测试基于生产版本开展，未在本地调试或使用模拟器测试，Android模拟器、iOS端及iOS模拟器运行均无异常。

故障原因 #

该现象属于Android平台显存溢出触发系统SurfaceFlinger进程崩溃，仅出现在真机生产环境的原因是模拟器默认显存分配阈值远高于普通消费级Android真机，iOS系统对显存溢出的容错处理逻辑也和Android不同。

解决方案 #

• 限制单张图片解码尺寸
  CachedNetworkImage默认会按原图分辨率解码，4K及以上分辨率的单张图片显存占用可达30MB以上，即使未渲染到屏幕，预加载阶段的多张大图叠加也会触发显存溢出。给组件添加memCacheWidth、memCacheHeight参数，按图片实际显示的像素大小设置解码上限，示例代码如下：

CachedNetworkImage(
  imageUrl: "your_image_url",
  memCacheWidth: 200, // 替换为图片显示宽度对应的实际像素值
  memCacheHeight: 300, // 替换为图片显示高度对应的实际像素值
  fit: BoxFit.cover,
)

• 调低滚动组件预加载范围
  Flutter的ListView/GridView默认会预加载屏幕上下各一屏的内容，大图场景下预加载内容过多会直接占用过量显存，可给滚动组件添加cacheExtent: 0关闭预加载，或根据业务需求调低到50以内的数值。
• 调整缓存策略
  默认CachedNetworkImage的内存缓存上限为100张，大图场景下可自定义缓存配置，将内存缓存上限调低到20-30张，同时加大磁盘缓存占比减少重复网络请求。
• 针对性降低渲染负载
  低配置Android设备对大纹理支持能力较差，可给CachedNetworkImage添加filterQuality: FilterQuality.low参数降低渲染开销，极端场景可针对Android 10以下系统关闭图片硬件加速。

内容的提问来源于stack exchange，提问作者Dani