react native本地存储

发布时间：2020-08-01 23:59:28 作者：漫漫的king
来源：网络阅读：2425

什么是本地存储？

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

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

react native本地存储

相关阅读