iPhones without notch design problem is fixed. Also better style coding

Author: WrathChaos

lib/src/HeaderClassicSearchBar/HeaderClassicSearchBar.style.js

@@ -1,6 +1,7 @@
+import { Platform } from "react-native";
 import {
-  hasNotch,
   getStatusBarHeight,
+  isIPhoneXFamily,
   isAndroid
 } from "@freakycoder/react-native-helpers";
 
@@ -22,19 +23,22 @@ export const container = (backgroundColor, insets) => {
     backgroundColor,
     borderBottomEndRadius: 24,
     borderBottomStartRadius: 24,
-    height: isAndroid ? insets.top + 70 : 115
+    height: isAndroid ? insets.top + 70 : isIPhoneXFamily() ? 115 : 80
   };
 };
 
 export const searchboxContainer = insets => ({
   flexDirection: "row",
   alignItems: "center",
   justifyContent: "space-around",
-  marginTop: hasNotch()
-    ? getStatusBarHeight() + 16
-    : isAndroid
-    ? insets.top + 16
-    : 0
+  ...Platform.select({
+    ios: {
+      marginTop: isIPhoneXFamily() ? getStatusBarHeight() + 16 : 30
+    },
+    android: {
+      marginTop: insets.top + 16
+    }
+  })
 });
 
 export default {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-header-search-bar",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Fully customizable header search bar for React Native",
   "keywords": [
     "header",