use StatusBarManager to get the actual ios device status bar (since the value is different for iphoneX)

Author: ethanshar

jest-setup.js

@@ -0,0 +1,3 @@
+import {NativeModules} from 'react-native';
+
+NativeModules.StatusBarManager = {getHeight: jest.fn()};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ui-lib",
-  "version": "3.3.33",
+  "version": "3.3.34",
   "main": "index.js",
   "author": "Ethan Sharabi <[email protected]>",
   "publishConfig": {
@@ -71,22 +71,16 @@
   },
   "jest": {
     "preset": "react-native",
-    "testPathIgnorePatterns": [
-      "/e2e/",
-      "/node_modules/"
-    ]
+    "testPathIgnorePatterns": ["/e2e/", "/node_modules/"],
+    "setupFiles": ["./jest-setup.js"]
   },
   "babel": {
     "env": {
       "test": {
-        "presets": [
-          "react-native"
-        ],
+        "presets": ["react-native"],
         "retainLines": true
       }
     },
-    "plugins": [
-      "transform-inline-environment-variables"
-    ]
+    "plugins": ["transform-inline-environment-variables"]
   }
 }

src/helpers/Constants.js

@@ -1,13 +1,18 @@
 import {Platform, Dimensions, NativeModules} from 'react-native';
 
-const { StatusBarManager } = NativeModules;
+const {StatusBarManager} = NativeModules;
 const {height, width} = Dimensions.get('window');
 
 export const isAndroid = Platform.OS === 'android';
 export const isIOS = Platform.OS === 'ios';
 export const screenWidth = width;
 export const screenHeight = height;
-export const isSmallScreen = isIOS ? (screenWidth <= 320) : (screenWidth <= 360);
+export const isSmallScreen = isIOS ? screenWidth <= 320 : screenWidth <= 360;
 export const isShortScreen = screenHeight <= 600;
-export const statusBarHeight = isIOS ? 20 : StatusBarManager.HEIGHT;
+export let statusBarHeight = isIOS ? 20 : StatusBarManager.HEIGHT; // eslint-disable-line
 export const isIphoneX = isIOS && !Platform.isPad && !Platform.isTVOS && (screenHeight === 812 || screenWidth === 812);
+
+// override guesstimate height with the actual height from StatusBarManager
+if (isIOS) {
+  StatusBarManager.getHeight(data => (statusBarHeight = data.height));
+}