芜湖网站建设推广公司,3d自学网站,建营销网站,html5 网站 优势最近做RN开发中需要数据存储#xff0c;查阅RN官方资料#xff0c;发现推荐我们使用 AsyncStorage,对使用步骤做一下记录。
AsyncStorage是什么
简单的#xff0c;异步的#xff0c;持久化的key-value存储系统AsyncStorage在IOS下存储分为两种情况#xff1a; 存储内容较…最近做RN开发中需要数据存储查阅RN官方资料发现推荐我们使用 AsyncStorage,对使用步骤做一下记录。
AsyncStorage是什么
简单的异步的持久化的key-value存储系统AsyncStorage在IOS下存储分为两种情况 存储内容较小AsyncStorage会存储在序列化的字典中 存储内容大AsyncStorage会将数据单独存储在一个文件中 AsyncStorage在Android下,会将数据存储在SQLite或者RocksDB中具体存储在哪里取决于设备支持哪一种方式
如何使用
安装
1.with npm:
npm install react-native-async-storage/async-storage2.如果是mac系统还需要pod-install一下
npx pod-install使用
import AsyncStorage from react-native-async-storage/async-storage;存储数据
static setItem(key: string, value: string, [callback]: ?(error: ?Error) void)async saveData() {//用法一AsyncStorage.setItem(KEY, this.value, error {error console.log(error.toString());});//用法二AsyncStorage.setItem(KEY, this.value).catch(error {error console.log(error.toString());});//用法三try {await AsyncStorage.setItem(KEY, this.value);} catch (error) {error console.log(error.toString());}
}
获取数据
static getItem(key: string, [callback]: ?(error: ?Error, result: ?string) void)async getData() {//用法一AsyncStorage.getItem(KEY, (error, value) {this.setState({showText: value});console.log(value);error console.log(error.toString());});//用法二AsyncStorage.getItem(KEY).then(value {this.setState({showText: value});console.log(value);}).catch(error {error console.log(error.toString());});//用法三try {const value await AsyncStorage.getItem(KEY);this.setState({showText: value});console.log(value);} catch (error) {error console.log(error.toString());}
}删除数据
static removeItem(key: string, [callback]: ?(error: ?Error) void)async removeData() {//用法一AsyncStorage.removeItem(KEY,error {error console.log(error.toString());});//用法二AsyncStorage.removeItem(KEY).catch(error {error console.log(error.toString());});//用法三try {await AsyncStorage.removeItem(KEY);} catch (error) {error console.log(error.toString());}
}
