react-native-storage + AsyncStorage 实现数据存储

1.组件封装

import Storage from 'react-native-storage';
import { AsyncStorage } from 'react-native';

const SPStorage = new Storage({
  // 最大容量，默认值1000条数据循环存储
  size: 1000,
  // 存储引擎：RN使用AsyncStorage
  // 如果不指定则数据只会保存在内存中，重启后即丢失
  storageBackend: AsyncStorage,
  // 数据过期时间，默认一整天（1000 * 3600 * 24 毫秒），设为null则永不过期
  defaultExpires: null,
  // 读写时在内存中缓存数据，默认开启
  enableCache: true,
  // 如果storage中没有相应数据，或数据已过期，
  // 则会调用相应的sync方法，无缝返回最新数据。
  // sync方法的具体说明会在后文提到
  // 你可以在构造函数这里就写好sync的方法
  // 或是在任何时候，直接对storage.sync进行赋值修改
  // 或是写到另一个文件里，这里require引入
  sync: {}
});

// global.storage = storage1
// export default storage;

const SPSaveLoginInfo = (phone, password) => {
  // 删除单个数据
  // SPStorage.remove({
  //   key: 'loginState'
  // });
  console.log('phone: ',phone);
  console.log('password: ',password);

  SPStorage.save({
    key: 'loginState',  // 注意:请不要在key中使用_下划线符号!
    data: {
      phone: phone,
      // password: password,
    },
    // 如果不指定过期时间，则会使用defaultExpires参数
    // 如果设为null，则永不过期
    // expires: 1000 * 3600
    expires: null
  });
}

// 读取
const SPReadLoginInfo = () => {
  return new Promise((resolve, reject) => {
    SPStorage.load({
      key: 'loginState',
      // autoSync(默认为true)意味着在没有找到数据或数据过期时自动调用相应的sync方法
      autoSync: true,
      // syncInBackground(默认为true)意味着如果数据过期，
      // 在调用sync方法的同时先返回已经过期的数据。
      // 设置为false的话，则始终强制返回sync方法提供的最新数据(当然会需要更多等待时间)。
      syncInBackground: true
    }).then(ret => {
      // 如果找到数据，则在then方法中返回
      // 注意：这是异步返回的结果（不了解异步请自行搜索学习）
      // 你只能在then这个方法内继续处理ret数据
      // 而不能在then以外处理
      // 也没有办法“变成”同步返回
      // 你也可以使用“看似”同步的async/await语法
      resolve(ret);
    }).catch(err => {
      //如果没有找到数据且没有sync方法，
      //或者有其他异常，则在catch中返回
      console.log(err);
      reject(err);
    })
  })
}

const saveFirstLogin = () => {
  // 存储方法
  SPStorage.save({
    key: 'isFirstLogin',  // 注意:请不要在key中使用_下划线符号!
    data: {
      isFirstLogin: true,
      loginDate: new Date()
    },

    // 如果不指定过期时间，则会使用defaultExpires参数
    // 如果设为null，则永不过期
    // expires: 24*60*60*1000
    // expires: 60 * 60 * 1000,      //一个小时
    expires: 7*24*60*60*1000      //一个礼拜
    // expires: 1000         //1秒
  });
};

const isFirstLogin = () => {
  return new Promise((resolve, reject)=> {
    // 读取方法
    SPStorage.load({
      key: 'isFirstLogin',
      // autoSync(默认为true)意味着在没有找到数据或数据过期时自动调用相应的sync方法
      autoSync: true,
      syncInBackground: true,
      // 你还可以给sync方法传递额外的参数
      syncParams: {
        extraFetchOptions: {
          // 各种参数
        },
        someFlag: true,
      },
    }).then(res => {
      console.log(res);
      resolve(false);
    }).catch(err => {
      resolve(true);
      reject(err);
      console.log(err);
    })
  })
};


export {
  SPStorage,
  SPSaveLoginInfo,
  SPReadLoginInfo,
  saveFirstLogin,
  isFirstLogin
};

.