convertNavigationStyleToScreenStyle

android/app/src/main/java/com/reactnativenavigation/views/TitleBar.java

@@ -1,7 +1,6 @@
 package com.reactnativenavigation.views;
 
 import android.content.Context;
-import android.graphics.Color;
 import android.support.v7.widget.Toolbar;
 import android.view.Menu;
 

src/platformSpecific.android.js

@@ -7,18 +7,39 @@ import Navigation from './Navigation';
 const resolveAssetSource = require('react-native/Libraries/Image/resolveAssetSource');
 
 function startApp(params) {
-  const screen = params.screen;
+  let screen = params.screen;
   if (!screen.screenId) {
     console.error('startApp(params): screenId property must be supplied');
     return;
   }
 
-  const actualScreen = Navigation.getRegisteredScreen(screen.screenId);
   screen.screenInstanceId = _.uniqueId('screenInstanceId');
+  params.screen = convertNavigationStyleToScreenStyle(screen);
 
   NativeModules.NavigationReactModule.startApp(params);
 }
 
+function convertNavigationStyleToScreenStyle(screen) {
+  const navigatorStyle = screen.navigatorStyle;
+  if (!navigatorStyle) {
+    return screen;
+  }
+
+  screen.styleParams = {
+    statusBarColor: navigatorStyle.statusBarColor,
+    topBarColor: navigatorStyle.toolBarColor,
+    navigationBarColor: navigatorStyle.navigationBarColor,
+    titleBarHidden: navigatorStyle.navBarHidden,
+    backButtonHidden: navigatorStyle.backButtonHidden,
+    topTabsHidden: navigatorStyle.topTabsHidden,
+    bottomTabsHidden: navigatorStyle.tabBarHidden,
+    bottomTabsHiddenOnScroll: navigatorStyle.bottomTabsHiddenOnScroll
+  };
+
+  screen = _.omit(screen, ['navigatorStyle']);
+  return screen;
+}
+
 module.exports = {
   startApp
 };