react native本地存储

Posted 2021-01-05

什么是本地存储？

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

在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)`