如何读取Image.network内存并获取图片文件？实现无重复请求下载

核心说明 #

Flutter的Image.network默认会把图片缓存到内存中（依托NetworkImage的内置缓存机制），默认遵循HTTP缓存策略。如果要主动获取内存里的图片数据、避免重复请求，可通过以下两种方式实现：

方法一：直接通过NetworkImage读取内存缓存 #

这是和Image.network共享缓存的原生方案，无需额外依赖，优先读取内存缓存，无缓存时才发起请求：

final networkImage = NetworkImage(this.url);
final imageStream = networkImage.resolve(ImageConfiguration.empty);

imageStream.addListener(ImageStreamListener((ImageInfo info, bool syncCall) {
  // info.image 就是内存中的图片实例（ui.Image类型）
  info.image.toByteData(format: ImageByteFormat.png).then((ByteData? byteData) {
    if (byteData != null) {
      Uint8List pngBytes = byteData.buffer.asUint8List();
      // 这里的pngBytes就是内存中的图片字节数据，可用于保存或其他业务逻辑
    }
  });
}));

方法二：用缓存管理器实现更灵活的内存+磁盘缓存 #

如果需要同时管理内存和磁盘缓存，避免App重启后重新请求，可使用flutter_cache_manager库：

1. 添加依赖到pubspec.yaml：

dependencies:
  flutter_cache_manager: ^3.3.1

2. 获取缓存图片的代码：

import 'package:flutter_cache_manager/flutter_cache_manager.dart';

Future<Uint8List?> getCachedImageBytes() async {
  final file = await DefaultCacheManager().getSingleFile(this.url);
  if (file.existsSync()) {
    return await file.readAsBytes();
  }
  return null;
}

说明：DefaultCacheManager会优先从内存读取缓存，内存无缓存时读取磁盘，最后才发起网络请求，完全满足你避免重复请求的需求。

注意事项 #

• Image.network内部基于NetworkImage实现，所以方法一的缓存和它完全共享，只要Image.network已经加载过图片，方法一就能直接从内存取到数据。
• 如果需要确保图片已缓存，可先通过Image.network完成加载，再调用上述方法获取数据。

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