Move Navigator into a dedicated folder

Author: aum-tcm

App/Containers/Root/RootScreen.js

@@ -1,38 +1,12 @@
 import React, { Component } from 'react'
-import { createStackNavigator, createAppContainer } from 'react-navigation'
 import NavigationService from 'App/Services/NavigationService'
+import AppNavigator from 'App/Navigators/AppNavigator'
 import { View } from 'react-native'
 import styles from './RootScreenStyle'
-import ExampleScreen from 'App/Containers/Example/ExampleScreen'
-import SplashScreen from 'App/Containers/SplashScreen/SplashScreen'
 import { connect } from 'react-redux'
 import StartupActions from 'App/Stores/Startup/Actions'
 import { PropTypes } from 'prop-types'
 
-/**
- * The root screen contains the application's navigation.
- *
- * @see https://reactnavigation.org/docs/en/hello-react-navigation.html#creating-a-stack-navigator
- */
-const AppNav = createStackNavigator(
-  {
-    // Create the application routes here (the key is the route name, the value is the target screen)
-    // See https://reactnavigation.org/docs/en/stack-navigator.html#routeconfigs
-    SplashScreen: SplashScreen,
-    // The main application screen is our "ExampleScreen". Feel free to replace it with your
-    // own screen and remove the example.
-    MainScreen: ExampleScreen,
-  },
-  {
-    // By default the application will show the splash screen
-    initialRouteName: 'SplashScreen',
-    // See https://reactnavigation.org/docs/en/stack-navigator.html#stacknavigatorconfig
-    headerMode: 'none',
-  }
-)
-
-const App = createAppContainer(AppNav)
-
 class RootScreen extends Component {
   componentDidMount() {
     // Run the startup saga when the application is starting
@@ -42,7 +16,7 @@ class RootScreen extends Component {
   render() {
     return (
       <View style={styles.container}>
-        <App
+        <AppNavigator
           // Initialize the NavigationService (see https://reactnavigation.org/docs/en/navigating-without-navigation-prop.html)
           ref={(navigatorRef) => {
             NavigationService.setTopLevelNavigator(navigatorRef)

App/Navigators/AppNavigator.js

@@ -0,0 +1,28 @@
+import { createAppContainer, createStackNavigator } from 'react-navigation'
+
+import ExampleScreen from 'App/Containers/Example/ExampleScreen'
+import SplashScreen from 'App/Containers/SplashScreen/SplashScreen'
+
+/**
+ * The root screen contains the application's navigation.
+ *
+ * @see https://reactnavigation.org/docs/en/hello-react-navigation.html#creating-a-stack-navigator
+ */
+const StackNavigator = createStackNavigator(
+  {
+    // Create the application routes here (the key is the route name, the value is the target screen)
+    // See https://reactnavigation.org/docs/en/stack-navigator.html#routeconfigs
+    SplashScreen: SplashScreen,
+    // The main application screen is our "ExampleScreen". Feel free to replace it with your
+    // own screen and remove the example.
+    MainScreen: ExampleScreen,
+  },
+  {
+    // By default the application will show the splash screen
+    initialRouteName: 'SplashScreen',
+    // See https://reactnavigation.org/docs/en/stack-navigator.html#stacknavigatorconfig
+    headerMode: 'none',
+  }
+)
+
+export default createAppContainer(StackNavigator)

App/Navigators/README.md

@@ -0,0 +1,3 @@
+This directory contains your main Navigator (AppNavigator.js)
+
+You can add nested navigators on this folder if you need it.