Flutter如何实现缓存管理（flutter_cache_manager）

在Flutter项目中，如何使用flutter_cache_manager实现高效的缓存管理？具体需要实现以下功能：

  1. 如何配置基础缓存设置（如缓存大小、有效期等）？
  2. 怎样实现图片/文件的内存和磁盘双重缓存？
  3. 如何清除特定URL的缓存或清空整个缓存？
  4. 有没有办法监控缓存命中率和性能？
  5. 这个插件与Dio等网络库如何配合使用？
2 回复

使用flutter_cache_manager库实现缓存管理。通过CacheManager实例调用getSingleFile(url)下载并缓存文件，可设置缓存有效期、最大文件数等。支持自定义缓存策略，如优先使用缓存、后台更新等。

更多关于Flutter如何实现缓存管理（flutter_cache_manager）的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


Flutter 中可以使用 flutter_cache_manager 库来高效管理网络资源缓存。以下是核心实现方法：

  1. 基础用法：
import 'package:flutter_cache_manager/flutter_cache_manager.dart';

// 获取文件（优先从缓存读取）
var file = await DefaultCacheManager().getSingleFile(
  'https://example.com/image.jpg'
);
// 配合 CachedNetworkImage 使用
CachedNetworkImage(
  imageUrl: 'https://example.com/image.jpg',
  cacheManager: DefaultCacheManager(),
)
  1. 自定义配置：
class CustomCacheManager extends CacheManager {
  static const key = 'customCache';
  static final Config config = Config(
    key,
    stalePeriod: Duration(days: 7),    // 7天后视为过期
    maxNrOfCacheObjects: 100,          // 最大缓存数量
    repo: JsonCacheInfoRepository(databaseName: key),
  );
  
  CustomCacheManager() : super(config);
}

// 使用自定义管理器
var file = await CustomCacheManager().getSingleFile(url);
  1. 缓存控制：
// 清除单个缓存
await DefaultCacheManager().removeFile(url);

// 清空所有缓存
await DefaultCacheManager().emptyCache();

// 预缓存文件
await DefaultCacheManager().downloadFile(url);
  1. 监听下载进度：
var stream = DefaultCacheManager().getFileStream(url, withProgress: true);
stream.listen((fileResponse) {
  if (fileResponse is DownloadProgress) {
    print('进度: ${fileResponse.progress}');
  }
});

主要特性：

  • 自动缓存网络文件
  • 可配置缓存周期和数量
  • 支持内存与文件二级缓存
  • 提供缓存清理机制

在 pubspec.yaml 中添加依赖：

dependencies:
  flutter_cache_manager: ^3.3.0
  cached_network_image: ^3.3.0  # 图片缓存专用
回到顶部