root with depth fix

ios/RCCNavigationController.m

     NSMutableDictionary *passProps = [actionParams[@"passProps"] mutableCopy];
     passProps[GLOBAL_SCREEN_ACTION_COMMAND_TYPE] = COMMAND_TYPE_PUSH;
     passProps[GLOBAL_SCREEN_ACTION_TIMESTAMP] = actionParams[GLOBAL_SCREEN_ACTION_TIMESTAMP];
-    NSDictionary *navigatorStyle = actionParams[@"style"];
+    NSDictionary *navigatorStyle = actionParams[@"style"] ? actionParams[@"style"] : actionParams[@"navigatorStyle"];
     
     NSNumber *keepStyleAcrossPush = [[RCCManager sharedInstance] getAppStyle][@"keepStyleAcrossPush"];
     BOOL keepStyleAcrossPushBool = keepStyleAcrossPush ? [keepStyleAcrossPush boolValue] : YES;

src/deprecated/controllers/index.js

           props['style'] = Object.assign({}, props['style']);
           _processProperties(props['style']);
         }
+
+        if (props['components']) {
+          props['components'].forEach(component => {
+            if (component['navigatorStyle']) {
+              component['navigatorStyle'] = Object.assign({}, component['navigatorStyle']);
+              _processProperties(component['navigatorStyle']);
+            }
+          });
+        }
         return {
           'type': type.name,
           'props': props,
       if (controller === undefined) return;
       var layout = controller.render();
       _validateDrawerProps(layout);
+      console.log('set root');
       _processProperties(_.get(layout, 'props.appStyle', {}));
       return await RCCManager.setRootController(layout, animationType, passProps);
     },

src/deprecated/platformSpecificDeprecated.ios.js

 /*eslint-disable*/
-import { Component } from 'react';
-import { findNodeHandle } from 'react-native';
+import {Component} from 'react';
+import {findNodeHandle} from 'react-native';
 import Navigation from './../Navigation';
 import Controllers, {Modal, Notification, ScreenUtils} from './controllers';
 const React = Controllers.hijackReact();
   }
 
   const controllerID = _.uniqueId('controllerID');
-  params.tabs.map(function(tab, index) {
+  params.tabs.map(function (tab, index) {
     const navigatorID = controllerID + '_nav' + index;
     const screenInstanceID = _.uniqueId('screenInstanceID');
 
   });
 
   const Controller = Controllers.createClass({
-    render: function() {
+    render: function () {
       if (!params.drawer || (!params.drawer.left && !params.drawer.right)) {
         return this.renderBody();
       } else {
         const leftScreenId = _.uniqueId('screenInstanceID');
         const rightScreenId = _.uniqueId('screenInstanceID')
 
-        const { navigatorStyle: leftNavigatorStyle } = params.drawer.left
+        const {navigatorStyle: leftNavigatorStyle} = params.drawer.left
           ? _mergeScreenSpecificSettings(params.drawer.left.screen, leftScreenId, params.drawer.left)
           : {};
 
-        const { navigatorStyle: rightNavigatorStyle } = params.drawer.right
+        const {navigatorStyle: rightNavigatorStyle} = params.drawer.right
           ? _mergeScreenSpecificSettings(params.drawer.right.screen, rightScreenId, params.drawer.right)
           : {};
 
     return;
   }
 
+  const controllerID = _.uniqueId('controllerID');
+  const navigatorID = controllerID + '_nav';
+
   if (components) {
+    screen = components[0];
+    components.shift();
+
     components.forEach(component => {
-      screen = components[0];
-      components.shift();
       const screenInstanceID = _.uniqueId('screenInstanceID');
+
+      const {
+        navigatorStyle,
+        navigatorButtons,
+        navigatorEventID
+      } = _mergeScreenSpecificSettings(component.screen, screenInstanceID, params);
+      _saveNavigatorButtonsProps(navigatorButtons);
+      _saveNavBarComponentProps(navigatorStyle);
+      const passProps = Object.assign({}, params.passProps);
+      passProps.navigatorID = navigatorID;
+      passProps.screenInstanceID = screenInstanceID;
+      passProps.navigatorEventID = navigatorEventID;
+
+
       component.navigationParams = {
-        screenInstanceID
+        screenInstanceID,
+        navigatorStyle,
+        navigatorButtons,
+        navigatorEventID,
+        navigatorID: navigatorID,
+        passProps
       };
+
+      component.subtitle = params.subtitle;
+      component.passProps = passProps;
+
       savePassProps(component);
+
     });
   }
 
-  const controllerID = _.uniqueId('controllerID');
   if (!screen.screen) {
     console.error('startSingleScreenApp(params): screen must include a screen property');
     return;
   }
 
-  const navigatorID = controllerID + '_nav';
+
   const screenInstanceID = _.uniqueId('screenInstanceID');
   const {
     navigatorStyle,
   };
 
   const Controller = Controllers.createClass({
-    render: function() {
+    render: function () {
       if (!params.drawer || (!params.drawer.left && !params.drawer.right)) {
         return this.renderBody();
       } else {
         );
       }
     },
-    renderBody: function() {
+    renderBody: function () {
       return (
         <NavigationControllerIOS
           id={navigatorID}
   };
 
   const Controller = Controllers.createClass({
-    render: function() {
+    render: function () {
       return (
         <NavigationControllerIOS
           id={navigatorID}
           passProps={passProps}
           style={navigatorStyle}
           leftButtons={navigatorButtons.leftButtons}
-          rightButtons={navigatorButtons.rightButtons}/>
+          rightButtons={navigatorButtons.rightButtons} />
       );
     }
   });