ReactNative之本地存儲

前言

眼看很多公司都開始嘗試使用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 . . .]

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容