前言
眼看很多公司都開始嘗試使用ReactNative,達到跨平臺開發,最近也寫了很多文章,希望讓更多想了解的同學快速上手ReactNative.
如果喜歡我的文章,可以關注我微博:袁崢Seemygo
ReactNative之本地存儲
- 在RN開發中,如何持久化存儲數據,可以使用AsyncStorage,對原生的API進行了一層封裝,通過它,就能把數據保存到真機中。
AsyncStorage使用
- 存儲
- 注意:`AsyncStorage``只能存儲字符串,需要把對象轉換為字符串才行
save(){
var object = {
name:'xmg',
age:18
};
// JSON.stringify(object): JSON對象轉換為字符串 用來存儲
AsyncStorage.setItem('object',JSON.stringify(object),(error)=>{
if (error) {
alert('存儲失敗');
} else {
alert('存儲成功');
}
});
}
- 讀取
read(){
AsyncStorage.getItem('object',(error,result)=>{
if (!error) {
console.log(result);
}
})
}
- 刪除
delete(){
AsyncStorage.removeItem('object',(error)=>{
if (error) {
alert('刪除失敗');
} else {
alert('刪除成功');
}
});
}
AsyncStorage原理:
- AsyncStorage存儲數據,在iOS中,底層會把數據保存到沙盒中的Documents中,并生成manifest.json文件。保存的數據都在manifest.json中。
存儲文件路徑.png
存儲數據.png
- AsyncStorage刪除數據,也僅僅是刪除manifest.json文件中的數據,并不是刪除manifest.json文件
![Uploading 刪除數據_712538.png . . .]