Pushed screen from SideMenu

example-redux/src/screens/ListScreen.js

@@ -30,15 +30,37 @@ class ListScreen extends Component {
 
   constructor(props) {
     super(props);
-
+    this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));
+    
     var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
     this.state = {
       dataSource: ds.cloneWithRows(this._genRows({}))
     }
   }
 
-  componentWillMount() {
-    this._pressData = {};
+  onNavigatorEvent(event) {
+    if (event.type == 'DeepLink') {
+      const parts = event.link.split('/');
+      if (parts[0] == 'tab1' && parts[1] == 'pushScreen') {
+        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
+          }
+        });
+      }
+    }
+      console.log('ListScreen', 'Unhandled event ' + event.id);
   }
 
   render() {

example-redux/src/screens/SideMenu.js

@@ -20,16 +20,70 @@ class SideMenu extends Component {
   }
 
   onNavigatorEvent(event) {
-      console.log('Unhandled event ' + event.id);
+      console.log('SideMenu', 'Unhandled event ' + event.id);
   }
 
   render() {
     return (
-      <View style={{flex: 1, padding: 20, backgroundColor: 'green'}}>
-        <Text>Hello from SideMenu</Text>
+      <View style={styles.sideMenu}>
+        <Text style={styles.title}>Hello from SideMenu</Text>
+
+        <TouchableOpacity onPress={ this.onShowModalPress.bind(this) }>
+          <Text style={styles.button}>Show modal</Text>
+        </TouchableOpacity>
+
+        <TouchableOpacity onPress={ this.onPushScreenToTabOne.bind(this) }>
+          <Text style={styles.button}>Push screen to tab 1</Text>
+        </TouchableOpacity>
       </View>
     );
   }
+
+  onShowModalPress() {
+    this.props.navigator.showModal({
+      title: "Modal Screen from SideMenu",
+      screen: "example.PushedScreen",
+      passProps: {
+        str: 'This is a prop passed in \'navigator.showModal()\'!',
+        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
+      }
+    });
+  }
+
+  onPushScreenToTabOne() {
+    this.props.navigator.handleDeepLink({
+      link: 'tab1/pushScreen/example.PushedScreen'
+    });
+  }
 }
 
+const styles = StyleSheet.create({
+  sideMenu: {
+    flex: 1,
+    backgroundColor: '#efefef',
+    padding: 20
+  },
+  title: {
+    textAlign: 'center',
+    marginBottom: 15
+  },
+  button: {
+    textAlign: 'center',
+    fontSize: 18,
+    borderBottomWidth: 1,
+    borderColor: 'grey',
+    marginBottom: 10,
+    marginTop:10,
+    color: 'black'
+  }
+});
+
 export default connect()(SideMenu);