Flutter 清除应用缓存

清除应用缓存是 APP 常用的功能之一。清除缓一般只有 2 个操作：

获取缓存大小
清除缓存数据

本文通过实现一个缓存管理类，来操作应用缓存。

定义缓存管理类

缓存管理类，是一个简单的缓存管理封装，他通过几个接口共 APP 组件使用。

该类需要使用到以下依赖：

首先建立缓存管理类，并规划好一个大纲：

/// 缓存管理类
/// ./lib/utils/cache_util.dart
class CacheUtil {/// 获取缓存大小static Future<int> total() async {}/// 清除缓存static Future<int> clear() async {}/// 递归缓存目录，计算缓存大小static Future<int> _reduce() async {}/// 递归删除缓存目录和文件static Future<int> _delete() async {}
}

获取缓存大小

获取缓存大小，需要递归处理计算缓存目录下的文件大小。

/// 获取缓存大小
static Future<int> total() async {Directory tempDir = await getTemporaryDirectory();if (tempDir == null) return 0;int total = await _reduce(tempDir);return total;
}

递归计算缓存目录：

/// 递归缓存目录，计算缓存大小
static Future<int> _reduce(final FileSystemEntity file) async {/// 如果是一个文件，则直接返回文件大小if (file is File) {int length = await file.length();return length;}/// 如果是目录，则遍历目录并累计大小if (file is Directory) {final List<FileSystemEntity> children = file.listSync();int total = 0;if (children != null && children.isNotEmpty)for (final FileSystemEntity child in children)total += await _reduce(child);return total;}return 0;
}

清除缓存

和递归获取缓存目录下的文件大小类似，清除缓存就是遍历删除缓存目录下的文件：

/// 清除缓存
static Future<void> clear() async {Directory tempDir = await getTemporaryDirectory();if (tempDir == null) return;await _delete(tempDir);
}

递归清除缓存目录：

/// 递归删除缓存目录和文件
static Future<void> _delete(FileSystemEntity file) async {if (file is Directory) {final List<FileSystemEntity> children = file.listSync();for (final FileSystemEntity child in children) {await _delete(child);}} else {await file.delete();}
}

完整代码

完整代码如下：

import 'dart:io';
import 'package:path_provider/path_provider.dart';/// 缓存管理类
/// ./lib/utils/cache_util.dart
class CacheUtil {/// 获取缓存大小static Future<int> total() async {Directory tempDir = await getTemporaryDirectory();if (tempDir == null) return 0;int total = await _reduce(tempDir);return total;}/// 清除缓存static Future<void> clear() async {Directory tempDir = await getTemporaryDirectory();if (tempDir == null) return;await _delete(tempDir);}/// 递归缓存目录，计算缓存大小static Future<int> _reduce(final FileSystemEntity file) async {/// 如果是一个文件，则直接返回文件大小if (file is File) {int length = await file.length();return length;}/// 如果是目录，则遍历目录并累计大小if (file is Directory) {final List<FileSystemEntity> children = file.listSync();int total = 0;if (children != null && children.isNotEmpty)for (final FileSystemEntity child in children)total += await _reduce(child);return total;}return 0;}/// 递归删除缓存目录和文件static Future<void> _delete(FileSystemEntity file) async {if (file is Directory) {final List<FileSystemEntity> children = file.listSync();for (final FileSystemEntity child in children) {await _delete(child);}} else {await file.delete();}}
}

应用实战

实战中，我们添加 filesize 依赖用来友好显示文件尺寸。使用 ValueNotifier 及 ValueListenableBuilder 更新界面。实现过程如下：

定义一个 cacheSize ：ValueNotifier<int> cacheSize = ValueNotifier(0);
定义一个 initCache 异步方法，用来刷新缓存，在 initStat 和清除缓存时调用，已实现实时刷新。
定义一个清除缓存的方法，用来调用清除缓存和刷新缓存。

Simulator Screen Shot - iPhone 11 - 2021-03-27 at 13.06.05.png

缓存展示组件

ValueListenableBuilder(valueListenable: cacheSize,builder: (BuildContext context, int size, Widget _) {return Tile(title: Text('本地缓存'),titleSub: Text('点击清除缓存，但不会清除已下载的歌曲'),detail: size != null && size > 0 ? filesize(size) : '',action: SizedBox(width: 16),onPressed: handleClearCache,);},
)

初始化缓存方法

Future<void> initCache() async {/// 获取缓存大小int size = await CacheUtil.total();/// 复制变量cacheSize.value = size ?? 0;
}

清除缓存方法

Future<void> handleClearCache() async {try {if (cacheSize.value <= 0) throw '没有缓存可清理';/// 给予适当的提示/// bool confirm = await showDialog();/// if (confirm != true) return;/// 执行清除缓存await CacheUtil.clear();/// 更新缓存await initCache();AppUtil.showToast('缓存清除成功');} catch (e) {AppUtil.showToast(e);}
}

Flutter 清除应用缓存相关推荐

清除Squid缓存的小工具
[ 2007-11-2 17:49 | by 张宴 ] 以前我写过一篇<清除指定squid缓存文件的脚本>,但在取URL时存在10%的错误率.如今找到一款老外的程序,可以批量清除某类URL ...
vue 删除页面缓存_vue项目强制清除页面缓存的例子
异常描述: 支付宝中内嵌h5项目(vue框架开发),前端重新打包上传之后访问页面会导致页面空白.页面tab点击异常之类异常情况,需要手动清除支付宝缓存才可以正常访问. 解决方案: 在HTTP协议中,只 ...
ASP.NET清除页面缓存的方法
ASP.NET清除页面缓存 (1) Response.Buffer = true; Response.ExpiresAbsolute = System.DateTime. ...
npm 安装包失败 --- 清除npm缓存
今天同事给了一个webpack的项目,我拿过来,npm install 突然出现报错了,并且报了一个奇怪的错误, 如下所示, Unexpected end of JSON input while p ...
15、如何在Linux和Windows下清除DNS缓存
由于各种原因,您可能需要刷新或清除Linux系统上的本地DNS缓存. 如何清除/刷新Linux下的DNS缓存默认情况下,操作系统级别没有安装或启用DNS缓存,但如果安装了下面列出的任何缓存服务,请使 ...
java 监听map的数据_使用监听器：定时清除map缓存的key value .
使用监听器:定时清除map缓存的key value . 配置web.xml:注意位置 com.my.common.listener.TimerListener 监听类: public class Ti ...
win7怎么清理java缓存文件夹_Win7怎么清除浏览器缓存？清除电脑缓存的妙招
电脑使用久了之后,缓存文件也将越来越多,慢慢的你会觉得系统变得很卡,所以我们需要定期的清除缓存.而产生缓存的来源,无非就是系统和运用程序,其中应用程序就属浏览器的缓存最多了,那么Win7系统下要怎么清 ...
若依前后端分离版数据库已经存在的字典添加一条后刷新没作用，必须清除Redis缓存
场景使用若依的前后端分离版,前端下拉框的使用直接查询的是字典表中的数据. 对于某个类型的字典如果之前已经添加过并使用过,后来想要再添加一条此类型的字典. 在数据库中添加后,前端刷新下,发现没有获取到 ...
微信小程序开发工具清除授权缓存/文件缓存/登录缓存等等
今天2.19.3.25 在开发微信小程序时,作为测试号想清除授权缓存,一直没有找到方法, 最后无意中看到了解决方法微信小程序开发工具清除授权缓存/文件缓存/登录缓存等等.完美解决
清除webBrowser 缓存和Cookie的解决方案
清除webBrowser 缓存和Cookie的解决方案通过测试webBrowser与IE缓存和Cookie都存放在Local Settings\Temporary Internet Files,我们 ...