reactnative本地存储

什么是本地存储？

成都创新互联公司专注于托克逊网站建设服务及定制，我们拥有丰富的企业做网站经验。热诚为您提供托克逊营销型网站建设，托克逊网站制作、托克逊网页设计、托克逊网站官网定制、成都微信小程序服务，打造托克逊网络公司原创品牌,更为您提供托克逊网站排名全网营销落地服务。

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

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

本文名称：reactnative本地存储
本文URL：http://azwzsj.com/article/gejcog.html

reactnative本地存储

其他资讯