fix: clear forceInset for non-translucent status bar screens

Author: chinesedfan

routes.js

@@ -9,7 +9,7 @@ import {
 import { Icon } from 'react-native-elements';
 
 import { NotificationIcon } from 'components';
-import { colors } from 'config';
+import { colors, getHeaderForceInset } from 'config';
 import { t } from 'utils';
 
 // Auth
@@ -222,12 +222,33 @@ const sharedRoutes = {
   },
 };
 
+Object.keys(sharedRoutes).forEach(routeName => {
+  const { navigationOptions } = sharedRoutes[routeName];
+
+  if (navigationOptions.header !== null) {
+    // fix headerForceInset if the header is not disabled
+    const headerForceInset = getHeaderForceInset(routeName);
+
+    if (typeof navigationOptions === 'function') {
+      const fn = navigationOptions;
+
+      sharedRoutes[routeName].navigationOptions = (...args) => ({
+        ...fn(...args),
+        headerForceInset,
+      });
+    } else {
+      navigationOptions.headerForceInset = headerForceInset;
+    }
+  }
+});
+
 const HomeStackNavigator = StackNavigator(
   {
     Events: {
       screen: EventsScreen,
       navigationOptions: {
         headerTitle: 'GitPoint',
+        headerForceInset: getHeaderForceInset('Events'),
       },
     },
     ...sharedRoutes,

src/config/status-bar.js

@@ -24,3 +24,6 @@ export const getStatusBarConfig = routeName =>
   lightScreens.includes(routeName)
     ? getLightStatusBar(routeName)
     : darkStatusBar;
+
+export const getHeaderForceInset = routeName =>
+  lightScreens.includes(routeName) ? { top: 'always', bottom: 'never' } : {};