什麼是本地存儲?
本地儲存的意義:將數據存儲在設備中,在需要數據的時候調用,數據不會因爲應用的退出或者網絡的斷開而無法獲取。
在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)`