'use strict';
import React, { Component } from 'react';
import {
AppRegistry,
NavigatorIOS,
StyleSheet,
ListView,
View,
Text,
TouchableHighlight,
Alert,
AsyncStorage,
} from 'react-native';
class Stroage extends Component {
saveData() {
let UID123_object = {
name: 'Chris',
age: 30,
traits: {hair: 'brown', eyes: 'brown'},
};
// You only need to define what will be added or updated
let UID123_delta = {
age: 31,
traits: {eyes: 'blue', shoe_size: 10}
};
AsyncStorage.setItem('UID123', JSON.stringify(UID123_object), () => {
AsyncStorage.mergeItem('UID123', JSON.stringify(UID123_delta), () => {
});
});
}
fetchData() {
AsyncStorage.getItem('UID123', (err, result) => {
console.log(result);
let obj = JSON.parse(result);
console.log(obj);
console.log(obj.name);
console.log(obj.traits);
});
}
render(){
return(
<View>
<View style = {styles.container}>
<TouchableHighlight onPress= {
this.saveData
}>
<Text style = {styles.text}>
保存数据
</Text>
</TouchableHighlight>
</View>
<View style = {styles.container}>
<TouchableHighlight onPress= {
this.fetchData
}>
<Text style = {styles.text}>
获取数据
</Text>
</TouchableHighlight>
</View>
</View>
);
}
}
var styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: 'white',
//justifyContent: 'center',
alignItems: 'center',
},
text: {
alignSelf:'center',
backgroundColor:'red',
margin:30,
fontSize:20,
},
});
AppRegistry.registerComponent('TestProject', () => Stroage);
import React, { Component } from 'react';
import {
AppRegistry,
NavigatorIOS,
StyleSheet,
ListView,
View,
Text,
TouchableHighlight,
Alert,
AsyncStorage,
} from 'react-native';
class Stroage extends Component {
saveData() {
let UID123_object = {
name: 'Chris',
age: 30,
traits: {hair: 'brown', eyes: 'brown'},
};
// You only need to define what will be added or updated
let UID123_delta = {
age: 31,
traits: {eyes: 'blue', shoe_size: 10}
};
AsyncStorage.setItem('UID123', JSON.stringify(UID123_object), () => {
AsyncStorage.mergeItem('UID123', JSON.stringify(UID123_delta), () => {
});
});
}
fetchData() {
AsyncStorage.getItem('UID123', (err, result) => {
console.log(result);
let obj = JSON.parse(result);
console.log(obj);
console.log(obj.name);
console.log(obj.traits);
});
}
render(){
return(
<View>
<View style = {styles.container}>
<TouchableHighlight onPress= {
this.saveData
}>
<Text style = {styles.text}>
保存数据
</Text>
</TouchableHighlight>
</View>
<View style = {styles.container}>
<TouchableHighlight onPress= {
this.fetchData
}>
<Text style = {styles.text}>
获取数据
</Text>
</TouchableHighlight>
</View>
</View>
);
}
}
var styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: 'white',
//justifyContent: 'center',
alignItems: 'center',
},
text: {
alignSelf:'center',
backgroundColor:'red',
margin:30,
fontSize:20,
},
});
AppRegistry.registerComponent('TestProject', () => Stroage);