Support for Register screen

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 (
       <View style={styles.rootContainer}>
@@ -27,6 +35,12 @@ class LoginScreen extends Component {
         >
           <Text style={{ color: "white", fontSize: 22 }}>Login</Text>
         </TouchableOpacity>
+        <TouchableOpacity
+          onPress={this.navigate}
+          style={styles.touchableStyles}
+        >
+          <Text style={{ color: "white", fontSize: 22 }}>Register</Text>
+        </TouchableOpacity>
       </View>
     );
   }

src/Components/screen2.js

@@ -17,7 +17,7 @@ class LogoutScreen extends Component {
           alignItems: "center"
         }}
       >
-        <Text>{this.props.navigation.state.params.name}</Text>
+        <Text>{'Test'}</Text>
         <TouchableOpacity
           onPress={this.props.logout}
           style={styles.touchableStyles}

src/Navigation/navigationStack.js

@@ -27,4 +27,5 @@ const navigator = StackNavigator({
   }
 });
 
+export {Tabs}
 export default navigator;

src/Reducers/navigationReducer.js

@@ -1,21 +1,21 @@
 import { NavigationActions } from "react-navigation";
 
-import AppNavigator from "../Navigation/navigationStack";
+import AppNavigator, {Tabs} from "../Navigation/navigationStack";
 import { Login, Logout } from "../Actions/actionTypes";
 
 const ActionForLoggedOut = AppNavigator.router.getActionForPathAndParams(
   "login"
 );
 
-const ActionForLoggedIn = AppNavigator.router.getActionForPathAndParams(
-  "screen1"
+const ActionForLoggedIn = Tabs.router.getActionForPathAndParams(
+  "feed"
 );
 
 const stateForLoggedOut = AppNavigator.router.getStateForAction(
   ActionForLoggedOut
 );
 
-const stateForLoggedIn = AppNavigator.router.getStateForAction(
+const stateForLoggedIn = Tabs.router.getStateForAction(
   ActionForLoggedIn
 );
 
@@ -52,10 +52,10 @@ const navigationReducer = (state = initialState, action) => {
         )
       };
 
-    /* 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;