首页 > 代码库 > React Native使用AsyncStorage本地持久化
React Native使用AsyncStorage本地持久化
AsyncStorage
AsyncStorage是一个简单的,未加密的,异步的,持久化,关键值存储系统,是全局的。类似于iOS中的NSUserDefault.
存值:
import { AppRegistry, StyleSheet, Text, View, AsyncStorage} from ‘react-native‘;
try { AsyncStorage.setItem( ‘key‘, ‘shaoting‘, (error)=>{ if (error){ alert(‘存值失败:‘,error); }else{ alert(‘存值成功!‘); } } ); } catch (error){ alert(‘失败‘+error); }
取值:
try { AsyncStorage.getItem( ‘key‘, (error,result)=>{ if (error){ alert(‘取值失败:‘+error); }else{ alert(‘取值成功:‘+result); } } ) }catch(error){ alert(‘失败‘+error); }
移除值:
try { AsyncStorage.removeItem( ‘key‘, (error)=>{ if(!error){ alert(‘移除成功‘); } } ) }catch (error){ alert(‘失败‘,+error); } },
完整代码:
import React, { Component } from ‘react‘;import { AppRegistry, StyleSheet, Text, View, AsyncStorage} from ‘react-native‘;var Mine = React.createClass({ render() { return ( <View style={styles.container}> <Text onPress={this.saveData} style={styles.welcome}> 存值:key=‘key‘,存shaoting </Text> <Text onPress={this.getValue} style={styles.welcome}> 取值 </Text> <Text onPress={this.removeData} style={styles.welcome}> 删除数据 </Text> </View> ); }, saveData(){ try { AsyncStorage.setItem( ‘key‘, ‘shaoting‘, (error)=>{ if (error){ alert(‘存值失败:‘,error); }else{ alert(‘存值成功!‘); } } ); } catch (error){ alert(‘失败‘+error); } }, getValue(){ try { AsyncStorage.getItem( ‘key‘, (error,result)=>{ if (error){ alert(‘取值失败:‘+error); }else{ alert(‘取值成功:‘+result); } } ) }catch(error){ alert(‘失败‘+error); } }, removeData(){ try { AsyncStorage.removeItem( ‘key‘, (error)=>{ if(!error){ alert(‘移除成功‘); } } ) }catch (error){ alert(‘失败‘,+error); } },});var styles = StyleSheet.create({ container: { flex: 1, backgroundColor:‘white‘, }, welcome: { fontSize: 20, textAlign: ‘center‘, margin: 10, }});module.exports = Mine;
运行效果:
React Native使用AsyncStorage本地持久化
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。