Add push screens buttons to SideMenu

example-redux/src/screens/BottomTabsSideMenu.js

@@ -31,6 +31,14 @@ class SideMenu extends Component {
         <TouchableOpacity onPress={ this.onShowModalPress.bind(this) }>
           <Text style={styles.button}>Show modal</Text>
         </TouchableOpacity>
+
+        <TouchableOpacity onPress={ this.onPushScreenToFirstTab.bind(this) }>
+          <Text style={styles.button}>Push screen to first tab</Text>
+        </TouchableOpacity>
+
+        <TouchableOpacity onPress={ this.onPushScreenToSecondTab.bind(this) }>
+          <Text style={styles.button}>Push screen to second tab</Text>
+        </TouchableOpacity>
       </View>
     );
   }
@@ -53,6 +61,19 @@ class SideMenu extends Component {
       }
     });
   }
+
+  onPushScreenToFirstTab() {
+    this.props.navigator.handleDeepLink({
+      link: 'tab1/pushScreen/example.PushedScreen'
+    });
+  }
+
+  onPushScreenToSecondTab() {
+    console.log('SideMenu', 'onPushScreenToSecondTab ' + 'tab2/pushScreen/example.PushedScreen');
+    this.props.navigator.handleDeepLink({
+      link: 'tab2/pushScreen/example.PushedScreen'
+    });
+  }
 }
 
 const styles = StyleSheet.create({

example-redux/src/screens/LoginScreen.js

@@ -47,7 +47,8 @@ class LoginScreen extends Component {
           <Text style={styles.button}>Show another login as modal</Text>
         </TouchableOpacity>
 
-        <Text style={{fontWeight: '500'}}>Function prop: {this.props.fn()}</Text>
+        // TODO: Uncomment when fixed -guyca
+        {/*<Text style={{fontWeight: '500'}}>Function prop: {this.props.fn()}</Text> */}
         <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>

example-redux/src/screens/SecondTabScreen.js

@@ -22,6 +22,7 @@ class SecondTabScreen extends Component {
   constructor(props) {
     super(props);
     this.buttonsCounter = 0;
+    this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));
   }
 
   render() {
@@ -80,6 +81,36 @@ class SecondTabScreen extends Component {
   }
 
   onNavigatorEvent(event) {
+    if (event.type == 'DeepLink') {
+      console.log('SecondTabScreen', 'onNavigatorEvent ' + event.link);
+      const parts = event.link.split('/');
+      if (parts[0] == 'tab2' && parts[1] == 'pushScreen') {
+        this.props.navigator.toggleDrawer({
+          side: 'left',
+          animated: true,
+          to: 'closed'
+        });
+
+        this.props.navigator.push({
+          title: "Pushed from SideMenu",
+          screen: parts[2],
+          passProps: {
+            str: 'This is a prop passed in \'navigator.push()\'!',
+            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!'
+                }
+              ]
+            },
+            num: 1234
+          }
+        });
+      }
+      return;
+    }
+
     switch (event.id) {
       case 'left':
         Alert.alert('NavBar', 'Left button pressed');
@@ -88,6 +119,7 @@ class SecondTabScreen extends Component {
         Alert.alert('NavBar', 'Right button pressed');
         break;
     }
+    console.log('ListScreen', 'Unhandled event ' + event.id);
   }
 }