Add StatusBar marginTop for navTransparent (#3212)

When using navTransparent feature, the headerStyle is removed causing the navbar to be obstructed by the Statusbar. This fix adds marginTop to the headerStyle to that the navbar is aligned below the StatusBar.
aksonov · Aug 28, 2018 · e68e664 · e68e664
1 parent f6d9d51
commit e68e664
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/navigationStore.js b/src/navigationStore.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Image, Animated, Easing } from 'react-native';
+import { StatusBar, Image, Animated, Easing } from 'react-native';
 import {
   createBottomTabNavigator,
   createMaterialTopTabNavigator,
@@ -326,7 +326,7 @@ function createNavigationOptions(params) {
 
     if (navTransparent) {
       res.headerTransparent = true;
-      res.headerStyle = {};
+      res.headerStyle = { marginTop: StatusBar.currentHeight };
     }
 
     if (backToInitial) {