ReactNative (API)AsyncStorage存储详解及实例
2023-09-27 14:28:59 时间
AsyncStorage存储类似Android中的sharedpreference存储或者IOS中的NSDefaultUser不过ReactNative中的AsyncStorage只能存储字符串类型
常用方法:
getItem(key:string,callback?:?(error:?Error,result:?string)=>void) 静态方法,该通过key字段来进行查询存储的数据,把该结果值作为参数传入第二个callback方法。如果发生错误,会把Error对象传入callback方法。该方法最终返回一个Promise对象
setItem(key:string,value:string,callback?:?(error:?Error)=>void) 静态方法,该根据key字段设置value内容,完成之后进行回调callback方法。如果发生错误会把Error对象传入callback方法中。该方法返回一个Promise对象。
removeItem(key:string,callback?:?(error:?Error)=>void) 静态方法,根据key进行删除值,成功之后进行回调callback方法。如果发生错误会把Error对象传入callback方法中。该方法返回一个Promise对象。
/**
* Created by Administrator on 2016/9/12.
*/
import React, {Component} from 'react';
import {
StyleSheet,
View,
Text,
AsyncStorage
} from 'react-native';
var keyName = 'name';
var keyValue = '张三';
class AsyncStorageG extends Component {
constructor(props) {
super(props);
this.state = {
result: '初始值'
};
}
render() {
return (
<View style={{flex: 1}}>
<Text
style={styles.text}
onPress={this.save.bind(this)}>存</Text>
<Text
style={styles.text}
onPress={()=>this.load()}>取</Text>
<Text
style={styles.text}
onPress={()=> this.remove()}>删除</Text>
<Text
style={styles.text}
>存储的内容是------------------{this.state.result}</Text>
</View>
)
}
/**
* 存数据
*/
save() {
//this 是指当前对象
this2 = this;
AsyncStorage.setItem(keyName, keyValue, function (error) {
if (error) {
alert('存储失败');
} else {
this2.setState(
{
result: '数据已经保存,取出来看看吧!!!'
}
)
}
})
}
/**
* 取数据
*/
load() {
//this 是指当前对象
this2 = this;
AsyncStorage.getItem(keyName, function (error, result) {
if (!error) {
this2.setState(
{
result: result === null ? '数据已经删除,现在取的是空值' : result
}
)
}
})
}
/**
* 两个参数:
* 一个是要删除指定key内容
* 第二个是一个回调函数
*/
remove() {
//this 是指当前对象
this2 = this;
AsyncStorage.removeItem(keyName, function (error) {
if (!error) {
this2.setState(
{
result: '数据已经删除'
}
)
}
})
}
}
const styles = StyleSheet.create({
text: {
fontSize: 20
}
});
//es6写法
export default AsyncStorageG;
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
相关文章
- Makefile、多Makefile编译静态库、动态库、SRC实例总结
- Sql Server中存储过程中输入和输出参数(简单实例,一看就懂)
- Android在Fragment中如何安全访问父Activity中的SQLite实例
- Python正则表达式实例累积与分析记录
- Qt中创建使用动态链接库详解及实例
- c#滚动条创建实例,多线程
- 跨域实例和解决方案
- Docker容器(三)——容器端口映射以及访问后台运行的容器实例
- 《Unity 3.x游戏开发实例》——1.3节基于浏览器的3D?欢迎来到未来
- 《Unity 3.x游戏开发实例》——2.1节灵感
- mysql 存储过程 小实例
- MySQL存储过程中双层游标嵌套循环实例
- Android数据库升级实例
- CSDN-Markdown编辑器实例技巧
- Linux下vi替换字符命令操作实例
- SSH框架总结(框架分析+环境搭建+实例源代码下载)
- MyEclipse下XFire开发Webservice实例
- SHELL网络爬虫实例剖析--转载
- Vue经典实例之数据搜索、数据过滤(简单易懂)