1234
import { createSwitchNavigator } from "react-navigation";
import Auth from "./Auth";
import Login from "./Login";
import Zhu from "./Zhu";
const Route5 = createSwitchNavigator({
Login: {
screen: Login
},
Auth: {
screen: Auth
},
Zhu: {
screen: Zhu
}
});
export default Route5;
------------------------------------------22----------------------------------------------------------------
import React, { Component } from "react";
import {
Platform,
StyleSheet,
Text,
View,
Button,
AsyncStorage,
TextInput
} from "react-native";
export default class Login extends Component {
aa = text => {
this.setState({
name: text
});
};
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>Welcome to React Native!</Text>
<TextInput onChangeText={this.aa} />
<Button
title="登录"
onPress={async () => {
await AsyncStorage.setItem("username", this.state.name);
this.props.navigation.navigate("Zhu");
}}
/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: "center",
alignItems: "center",
backgroundColor: "#F5FCFF"
},
welcome: {
fontSize: 20,
textAlign: "center",
margin: 10
},
instructions: {
textAlign: "center",
color: "#333333",
marginBottom: 5
}
});
--------------------------------------33----------------------------------------------
import React, { Component } from "react";
import {
Platform,
StyleSheet,
Text,
View,
Button,
AsyncStorage
} from "react-native";
export default class Zhu extends Component {
constructor(props) {
super(props);
this.state = {
name: ""
};
}
componentDidMount() {
this.bb();
}
bb = async () => {
var cc = await AsyncStorage.getItem("username");
this.setState({
name: cc
});
};
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>Welcome to React Native!</Text>
<Text>{this.state.name}</Text>
<Button
title="注销"
onPress={async () => {
await AsyncStorage.clear();
this.props.navigation.navigate("Login");
}}
/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: "center",
alignItems: "center",
backgroundColor: "#F5FCFF"
},
welcome: {
fontSize: 20,
textAlign: "center",
margin: 10
},
instructions: {
textAlign: "center",
color: "#333333",
marginBottom: 5
}
});
--------------------------44--------------------------------------------
import React, { Component } from "react";
import { Platform, StyleSheet, Text, View, AsyncStorage } from "react-native";
export default class Auth extends Component {
constructor(props) {
super(props);
this.auth();
}
auth = async () => {
const username = await AsyncStorage.getItem("username");
this.props.navigation.navigate(username ? "Zhu" : "Login");
};
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>Welcome to React Native!</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: "center",
alignItems: "center",
backgroundColor: "#F5FCFF"
},
welcome: {
fontSize: 20,
textAlign: "center",
margin: 10
},
instructions: {
textAlign: "center",
color: "#333333",
marginBottom: 5
}
});
