ReactNative学习实例（九）数据永久化存储AsyncStorage

官方的使用文档在这里http://reactnative.cn/docs/0.43/asyncstorage.html#content

AsyncStorage使用类似于安卓中sharedpreference的存储逻辑，从名字中就可以看出这是异步存储。调用的所有方法返回一个Promise对象，但是不需要对这个对象进行操作，因为方法接受回调方法等参数，在这些方法中对数据进行存取即可。

这里以最简单的存取一个键值对为例：

首先来看文档中的介绍：

staticgetItem(key: string, callback?: ?(error: ?Error, result: ?string) => void) 

读取key字段并将结果作为第二个参数传递给callback。如果有任何错误发生，则会传递一个Error对象作为第一个参数。返回一个Promise对象。

staticsetItem(key: string, value: string, callback?: ?(error: ?Error) => void) 

将key字段的值设置成value，并在完成后调用callback函数。如果有任何错误发生，则会传递一个Error对象作为第一个参数。返回一个Promise对象。

首先是存方法：

AsyncStorage.setItem("key","我写入了",function (err){
            if(err){
                alert(err);
            }
        })

方法接收三个参数，前两个是键值，最后是完成后的回调方法，有一个error参数。可以对这个error参数进行if判断操作是否成功。

然后是取值（最好放在componentDidMount生命周期方法里）：

componentDidMount() {
        let _that=this;
        AsyncStorage.getItem("key",function (err,result){
            if(err){
                alert(err)
            } else{

                _that.setState({text:result});
            }
        });
    }

取方法两个参数，第一个是键，第二个是回调方法，有error和结果两个参数。首先判断有无错误，然后取出结果。由于涉及this操作这里传入了this。

别忘了引入，AsyncStorage和AppRegisty，StyleSheet一样都是全局组件