Initial implementation

example-redux/src/app.js

@@ -35,74 +35,74 @@ export default class App {
   startApp(root) {
     switch (root) {
       case 'login':
-        // Navigation.startSingleScreenApp({
-        //  screen: {
-        //    screen: 'example.LoginScreen',
-        //    title: 'Login',
-        //    navigatorStyle: {}
-        //  },
-        //  passProps: {
-        //    str: 'This is a prop passed in \'startSingleScreenApp()\'!',
-        //    obj: {
-        //      str: 'This is a prop passed in an object!',
-        //      arr: [
-        //        {
-        //          str: 'This is a prop in an object in an array in an object!'
-        //        }
-        //      ],
-        //      arr2: [
-        //        [
-        //          'array of strings',
-        //          'with two strings'
-        //        ],
-        //        [
-        //          1, 2, 3
-        //        ]
-        //      ]
-        //    },
-        //    num: 1234,
-        //    fn: function() {
-        //      return 'Hello from a function!';
-        //    }
-        //  }
-        // });
         Navigation.startSingleScreenApp({
-          screen: {
-            screen: 'example.FirstTabScreen',
-            title: 'Login',
-            topTabs: [
-              {
-                screenId: 'example.FirstTabScreen',
-                title: 'Tab1',
-                passProps: {
-                  str: 'This is a prop passed to Tab4',
-                  fn: () => 'Hello from a function passed as passProps!'
-                }
-              },
-              {
-                screenId: 'example.PushedScreen',
-                title: 'Tab3',
-                passProps: {
-                  str: 'This is a prop passed to Tab2'
-                }
-              },
-              {
-                screenId: 'example.ListScreen',
-                title: 'Tab2',
-                passProps: {
-                  str: 'This is a prop passed to Tab1'
-                }
-              }
-            ],
-            navigatorStyle: {}
-          },
-          drawer: { // optional, add this if you want a side menu drawer in your app
-            left: { // optional, define if you want a drawer from the left
-              screen: 'example.SideMenu' // unique ID registered with Navigation.registerScreen
-            },
-            disableOpenGesture: false // optional, can the drawer be opened with a swipe instead of button
-          }
+         screen: {
+           screen: 'example.LoginScreen',
+           title: 'Login',
+           navigatorStyle: {}
+         },
+         passProps: {
+           str: 'This is a prop passed in \'startSingleScreenApp()\'!',
+           obj: {
+             str: 'This is a prop passed in an object!',
+             arr: [
+               {
+                 str: 'This is a prop in an object in an array in an object!'
+               }
+             ],
+             arr2: [
+               [
+                 'array of strings',
+                 'with two strings'
+               ],
+               [
+                 1, 2, 3
+               ]
+             ]
+           },
+           num: 1234,
+           fn: function() {
+             return 'Hello from a function!';
+           }
+         }
         });
+        // Navigation.startSingleScreenApp({
+        //   screen: {
+        //     screen: 'example.FirstTabScreen',
+        //     title: 'Login',
+        //     topTabs: [
+        //       {
+        //         screenId: 'example.FirstTabScreen',
+        //         title: 'Tab1',
+        //         passProps: {
+        //           str: 'This is a prop passed to Tab4',
+        //           fn: () => 'Hello from a function passed as passProps!'
+        //         }
+        //       },
+        //       {
+        //         screenId: 'example.PushedScreen',
+        //         title: 'Tab3',
+        //         passProps: {
+        //           str: 'This is a prop passed to Tab2'
+        //         }
+        //       },
+        //       {
+        //         screenId: 'example.ListScreen',
+        //         title: 'Tab2',
+        //         passProps: {
+        //           str: 'This is a prop passed to Tab1'
+        //         }
+        //       }
+        //     ],
+        //     navigatorStyle: {}
+        //   },
+        //   drawer: { // optional, add this if you want a side menu drawer in your app
+        //     left: { // optional, define if you want a drawer from the left
+        //       screen: 'example.SideMenu' // unique ID registered with Navigation.registerScreen
+        //     },
+        //     disableOpenGesture: false // optional, can the drawer be opened with a swipe instead of button
+        //   }
+        // });
         return;
       case 'after-login':
         Navigation.startTabBasedApp({

example-redux/src/screens/BottomTabsSideMenu.js

@@ -69,7 +69,6 @@ class SideMenu extends Component {
   }
 
   onPushScreenToSecondTab() {
-    console.log('SideMenu', 'onPushScreenToSecondTab ' + 'tab2/pushScreen/example.PushedScreen');
     this.props.navigator.handleDeepLink({
       link: 'tab2/pushScreen/example.PushedScreen'
     });

example-redux/src/screens/SecondTabScreen.js

@@ -41,6 +41,10 @@ class SecondTabScreen extends Component {
             <Text style={styles.button}>Increment Counter</Text>
           </TouchableOpacity>
 
+          <TouchableOpacity onPress={ this.onSelectFirstTabPress.bind(this) }>
+            <Text style={styles.button}>Select First Tab</Text>
+          </TouchableOpacity>
+
           <Text style={{fontWeight: '500'}}>String prop: {this.props.str}</Text>
           <Text style={{fontWeight: '500'}}>Number prop: {this.props.num}</Text>
           <Text style={{fontWeight: '500'}}>Object prop: {this.props.obj.str}</Text>
@@ -60,6 +64,10 @@ class SecondTabScreen extends Component {
     this.props.dispatch(counterActions.increment());
   }
 
+  onSelectFirstTabPress() {
+    this.props.navigator.switchToTab()
+  }
+
   onSetButton() {
     this.props.navigator.setButtons({
       rightButtons: [