diff --git a/src/Components/LoginScreen.js b/src/Components/LoginScreen.js index 15088f7..d4f5b85 100644 --- a/src/Components/LoginScreen.js +++ b/src/Components/LoginScreen.js @@ -2,11 +2,19 @@ import React, { Component } from "react"; import { connect } from "react-redux"; import { Text, View, TouchableOpacity, StyleSheet } from "react-native"; import { login } from "../Actions/actionCreator"; +import { NavigationActions } from "react-navigation"; class LoginScreen extends Component { static navigationOptions = { title: "Login" }; + navigate = () => { + const navigateToRegister = NavigationActions.navigate({ + routeName: "screen1" + + }); + this.props.navigation.dispatch(navigateToRegister); + }; render() { return ( @@ -27,6 +35,12 @@ class LoginScreen extends Component { > Login + + Register + ); } diff --git a/src/Components/screen2.js b/src/Components/screen2.js index 6aed8cd..f6d969a 100644 --- a/src/Components/screen2.js +++ b/src/Components/screen2.js @@ -17,7 +17,7 @@ class LogoutScreen extends Component { alignItems: "center" }} > - {this.props.navigation.state.params.name} + {'Test'} { ) }; - /* Other logic for logging out, more cleaner but unlike the above isn't telling the reader + /* Other logic for logging out, more cleaner but unlike the above isn't telling the reader that navigation is reset, that's why I chose the *reset* one for the article. I prefer this one, what about you? - + case 'LOGOUT': nextState = { ...state, initialStateForLoggedIn, initialStateForLoggedOut} break;