fix: android top positioning bug

lib/Tooltip.style.ts

@@ -1,5 +1,6 @@
-import { StyleProp, StyleSheet, ViewStyle } from "react-native";
+import { Platform, StyleProp, StyleSheet, ViewStyle } from "react-native";
 import { Placement, PlacementStyle } from "./Tooltip.type";
+import { getAndroidStatusBarHeight } from "./helpers";
 
 const styles = StyleSheet.create({
   container: {
@@ -185,8 +186,11 @@ const styleGenerator = (styleGeneratorProps: any) => {
         adjustedContentSize.width !== 0 &&
           measurementsFinished &&
           styles.containerVisible,
-        topAdjustment !== 0 && {
-          top: topAdjustment,
+        {
+          top:
+            Platform.OS === "android"
+              ? (topAdjustment || 0) - getAndroidStatusBarHeight()
+              : topAdjustment || 0,
         },
       ),
     ],

lib/helpers.ts

@@ -0,0 +1,26 @@
+import { PixelRatio, StatusBar } from "react-native";
+
+export const getAndroidStatusBarHeight = () => {
+  const statusBarHeight = StatusBar.currentHeight;
+  if (statusBarHeight) {
+    return statusBarHeight;
+  } else {
+    const density = PixelRatio.get();
+    if (density <= 1) {
+      // mdpi
+      return 25;
+    } else if (density <= 1.5) {
+      // hdpi
+      return 38;
+    } else if (density <= 2) {
+      // xhdpi
+      return 50;
+    } else if (density <= 3) {
+      // xxhdpi
+      return 76;
+    } else {
+      // other densities, e.g., xxxhdpi
+      return 76; // Default to xxhdpi height
+    }
+  }
+};

package.json

@@ -41,7 +41,8 @@
     "prettier-format": "^3.0.3",
     "react-native-typescript-transformer": "^1.2.13",
     "semantic-release": "^19.0.5",
-    "typescript": "^4.0.3"
+    "typescript": "^4.0.3",
+    "tslint": "^6.1.3"
   },
   "scripts": {
     "build": "cd lib && tsc && npm run copy:assets && npm run copy:package",
@@ -57,4 +58,4 @@
     "husky:lint": "npx husky add .husky/pre-commit 'npm run lint'",
     "husky:prettier": "npx husky set .husky/pre-commit 'npm run prettier'"
   }
-}
+}