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本地存储
当前网址:http://myzitong.com/article/gejcog.html