加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

react native本地存储

发布时间:2020-12-15 20:23:39 所属栏目:百科 来源:网络整理
导读:什么是本地存储? 本地储存的意义:将数据存储在设备中,在需要数据的时候调用,数据不会因为应用的退出或者网络的断开而无法获
什么是本地存储?

本地储存的意义:将数据存储在设备中,在需要数据的时候调用,数据不会因为应用的退出或者网络的断开而无法获取。

在react native中本地存储的方式有两种:

一种是AsyncStorage:
    AsyncStorage是一个简单的,未加密的,异步的,持久化,关键值存储系统,是全局的。类似于iOS中的NSUserDefault。
        应用场景:如果用户的信息量不大,仅仅需要存储几个用户的配置信息,就用AsyncStorage;
另一种是Realm:
        新的移动端数据库王者,性能比单独无封装的SQLite还要快;
        应用场景:用户的信息量比较大的情况下;

下面简单的介绍以下AsyncStorage:
`import {AsyncStorage} from ‘react-native‘;

export default class StorageUtil {

/**

  • 保存一个Json对象
  • @param key
  • @param value
  • @param callback
    */
    static async saveJsonObject(key,value) {
    return await this.saveString(key,JSON.stringify(value));
    }

    /**

  • 获取一个Json对象
  • @param key
  • @param defaultObject
    */
    static async getJsonObject(key,defaultObject) {
    let result=null;
    try{
    result=await this.getString(key,null);
    result=await JSON.parse(result);
    }catch (err){
    if(defaultObject){
    return Promise.resolve(defaultObject);
    }else{
    return Promise.reject(err);
    }
    }
    return result;

    }

    /**

  • 保存一个值
  • @param key
  • @param value
    */
    static async saveString(key,value) {
    if (key != null && value != null) {
    //Key 与Value 都不为空
    try {
    await AsyncStorage.setItem(key,value)
    } catch (err) {
    return Promise.reject(err)
    }
    return Promise.resolve(true);
    } else {
    return Promise.reject({"msg": "Key and value can not be null"});
    }
    }

    /**

  • 获取一个值
  • @param key
  • @param defaultValue
    */
    static async getString(key,defaultValue) {
    let result = null;
    let noDataError = {"msg": "No value found !"};
    if (key != null) {
    result = await AsyncStorage.getItem(key);
    // console.log(‘get string result‘,result,defaultValue);
    return result ? result : defaultValue!=null ? defaultValue : Promise.reject(noDataError);
    } else {
    if (defaultValue) {
    return Promise.resolve(defaultValue);
    } else {
    return Promise.reject(noDataError);
    }
    }

    }

    /**

  • 移除一个值
  • @param key
    */
    static async remove(key) {
    let result = true;
    try {
    result = await AsyncStorage.removeItem(key);
    } catch (err) {
    return Promise.reject(err)
    }
    return result;
    }

    /**

  • 获取所有已存储
    */
    static async getAllKeys() {
    let result=true;
    try {
    result = await AsyncStorage.getAllKeys();
    } catch (err) {
    return Promise.reject(err)
    }
    return result;
    }

}`

外界调用:
保存操作:
StorageUtil.saveJsonObject(KEY_LOCAL_USER_INFO,user);

读取操作:
    `StorageUtil.getJsonObject(KEY_LOCAL_USER_INFO).then(data=>{console.log(data)})`

    清除操作:
    `StorageUtil.remove(KEY_LOCAL_USER_INFO)`

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读