bug fix with modals

example/src/screens/ModalScreen.js

@@ -15,6 +15,12 @@ import './StyledScreen';
 
 // instead of React.Component, we extend Screen (imported above)
 class ModalScreen extends Screen {
+  static navigatorButtons = {
+    leftButtons: [{
+      title: 'Close',
+      id: 'close'
+    }]
+  };
   constructor(props) {
     super(props);
   }
@@ -37,6 +43,11 @@ class ModalScreen extends Screen {
       </View>
     );
   }
+  onNavigatorEvent(event) {
+    if (event.id == 'close') {
+      this.navigator.dismissModal();
+    }
+  }
   onPushPress() {
     this.navigator.push({
       title: "More",

package.json

@@ -7,7 +7,7 @@
     "type": "git",
     "url": "https://github.com/wix/react-native-navigation.git"
   },
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "React Native Navigation - truly native navigation for iOS and Android",
   "nativePackage": true,
   "bugs": {

src/platformSpecific.ios.js

@@ -166,19 +166,29 @@ function showModal(params) {
     console.error('showModal(params): params.screen is required');
     return;
   }
-  const { navigatorStyle } = _mergeScreenSpecificSettings(params.screen, params);
   const controllerID = utils.getRandomId();
   const Controller = Controllers.createClass({
     render: function() {
       const navigatorID = controllerID + '_nav';
-      const { navigatorStyle } = _mergeScreenSpecificSettings(params.screen, params);
+      const screenInstanceID = utils.getRandomId();
+      const {
+        navigatorStyle,
+        navigatorButtons,
+        navigatorEventID
+      } = _mergeScreenSpecificSettings(params.screen, screenInstanceID, params);
       return (
         <NavigationControllerIOS
           id={navigatorID}
           title={params.title}
           component={params.screen}
-          passProps={{navigatorID: navigatorID}}
+          passProps={{
+            navigatorID: navigatorID,
+            screenInstanceID: screenInstanceID,
+            navigatorEventID: navigatorEventID
+          }}
           style={navigatorStyle}
+          leftButtons={navigatorButtons.leftButtons}
+          rightButtons={navigatorButtons.rightButtons}
         />
       );
     }