react native 缓存

本文介绍了使用 React Native 实现本地数据缓存的方法,包括设置缓存大小、过期时间等参数,演示了如何保存、读取及清除缓存。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

let storage = new Storage({
    // 最大容量,默认值1000条数据循环存储
    size: 500,
    // 如果不指定则数据只会保存在内存中,重启后即丢失
    storageBackend: AsyncStorage,
    // 数据过期时间,默认一整天(1000 * 3600 * 24 毫秒),设为null则永不过期
    defaultExpires: null,
    // 读写时在内存中缓存数据。默认启用。
    enableCache: true,
});

export function _cache(keys, value) {
    //缓存
    storage.save({
        key: keys, 
        data: value,  //要缓存的数据
        expires: 1000 * 3600
    });
}
//缓存
_cache('ListPictureData', this._ListPicturesData);
//key //value
//删除缓存
export function _deleteCache(keys) {
    storage.clearMapForKey(keys);
}

//获取缓存
storage.load({
    key: 'ListPictureData',
    autoSync: true,
    syncInBackground: false,
}).then(ret => {
    this._ListPicturesData = ret;
    //初始化渲染
    this.setState({
        dataSource: this.state.dataSource.cloneWithRows(this._ListPicturesData),
    });
}).catch(err => {
  
});
//this._ListPicturesData === rowData



git 原始缓存介绍地址 https://github.com/sunnylqm/react-native-storage/blob/master/README-CHN.md
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值