Much more accurate positioning and height for iPhone X and Android

Author: WrathChaos

examples/package.json

@@ -11,7 +11,7 @@
     "react-native": "0.58.4",
     "react-native-vector-icons": "^6.3.0",
     "react-native-dynamic-vector-icons": "0.0.3",
-    "@freakycoder/react-native-header-view": "0.2.4"
+    "@freakycoder/react-native-header-view": "0.2.61"
   },
   "devDependencies": {
     "babel-core": "^7.0.0-bridge.0",

lib/components/Header.style.js

@@ -11,14 +11,14 @@ export function container(props) {
         top: 0,
         ...ifIphoneX(
           {
-            height: height || 70
+            height: height || 60
           },
           { height: height || (statusBarHidden ? 50 : 70) }
         )
       },
       android: {
         top: 0,
-        height: height || (statusBarHidden ? 70 : 90)
+        height: height || (statusBarHidden ? 60 : 70)
       }
     }),
     // height: height || (Platform === "ios" ? 50 : statusBarHidden ? 90 : 120),
@@ -35,13 +35,13 @@ export function innerContainer(statusBarHidden) {
       ios: {
         ...ifIphoneX(
           {
-            top: 24
+            top: 12
           },
           { top: statusBarHidden ? 0 : 24 }
         )
       },
       android: {
-        top: statusBarHidden ? 20 : 40
+        top: statusBarHidden ? 12 : 24
       }
     })
   };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@freakycoder/react-native-header-view",
-  "version": "0.2.6",
+  "version": "0.2.61",
   "description": "Fully customizable Header View for React Native.",
   "keywords": [
     "react-native",