react-native-http-cache 使用

最新推荐文章于 2024-05-29 09:33:49 发布

跑跑堂

最新推荐文章于 2024-05-29 09:33:49 发布

阅读量1k

点赞数

分类专栏： reactNative

本文链接：https://blog.csdn.net/u013089582/article/details/84031944

版权

本文介绍了如何在React Native项目中安装和使用react-native-http-cache库进行HTTP缓存管理。首先通过npm安装并使用react-native link关联库。在iOS端，库会自动添加依赖。接着，在代码中引入库并学习如何获取或清除缓存。在实施过程中，可能会遇到WebStorm运行报错和Android运行报错的问题，文中提供了相应的解决方案。

摘要由CSDN通过智能技术生成

一：安装

下载：npm install react-native-http-cache --save

关联：react-native link react-native-http-cache

二：使用

在关联成功之后，ios这边会自动添加依赖 libRCTHttpCache.a

首先在使用的类文件中引入

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

获取/清除

    // 获得缓存大小
    async getCacheSize() {
        const data = await CacheManager.getCacheSize();
        const size = data / (1024 * 1024);
        this.setState({ cacheSize: size.toFixed(2) + 'M'});
    }
    // 清除缓存
    async clearCacheSize() {
        await CacheManager.clearCache();
        // 这里貌似清除不能全部清除为0，这里直接写死0即可。
        this.setState({cacheSize: '0M'});
        Tips.show('清除缓存成功');
    }

三、遇到的问题

1）在引入之后，webStorm运行会报错Cannot read property 'clearCache' of undefined