React Native清除缓存实现

清除缓存使用的第三方：react-native-http-cache

 

Github： https://github.com/reactnativecn/react-native-http-cache

 

社区讨论： http://bbs.reactnative.cn/topic/150/%E7%BC%93%E5%AD%98%E7%AE%A1%E7%90%86/9

 

界面实现如下：

 

1.导入框架： 

$ npm install react-native-http-cache --save

2.确保库添加上，没有添加自己添加下：

3.报错如下，解决方式：

一看就晓得这个是重复导入引起的。注释重复导入的组件即可。

4.具体清除缓存代码：

import * as CacheManager from 'react-native-http-cache'

// 获得缓存大小
async getCacheSize() {
        const data = await CacheManager.getCacheSize();
        const size = data / ( * );
        this.setState({ cacheSize: size.toFixed() + 'M'});
    }

// 清除缓存
    async clearCacheSize() {
        await CacheManager.clearCache();
        // this.getCacheSize();
        // 这里貌似清除不能全部清除为0，这里直接写死0即可。
        this.setState({cacheSize: '0M'});
        alert('清除缓存成功');
    }

这里直接使用state存储cacheSize即可。最后有些会没有清除，这里直接写死即可，反正缓存不大