import React, { Component } from "react";
import { View, Text, AsyncStorage, Button } from "react-native";
export default class Demo3_2 extends Component {
constructor(props) {
super(props);
this.state = {
name: "",
psw: ""
};
}
componentDidMount() {
this.nameGet();
this.pswGet();
}
nameGet = async () => {
const names = await AsyncStorage.getItem("name");
this.setState({
name: names
});
};
pswGet = async () => {
const psws = await AsyncStorage.getItem("psw");
this.setState({
psw: psws
});
};
clears = async () => {
await AsyncStorage.clear();
this.props.navigation.navigate("Demo"); //清空数据后跳转到输入信息页面
};
render() {
return (
<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
<Text
style={{
fontSize: 20
}}
>
{this.state.name}
</Text>
<Text
style={{
fontSize: 20
}}
>
{this.state.psw}
</Text>
<View
style={{
marginTop: 100,
width: 100
}}
>
<Button title="注销" onPress={this.clears} />
</View>
</View>
);
}
}
