feat: add androidOffsetY prop to HighlightToolTip for improved positioning on Android

Author: jiunshinn

src/HighLightToolTip.tsx

@@ -7,6 +7,7 @@ import {
   UIManager,
   type LayoutRectangle,
   Dimensions,
+  Platform,
 } from 'react-native';
 
 type TooltipPosition =
@@ -29,6 +30,7 @@ type HighlightOverlayProps = {
   tooltipPosition?: TooltipPosition;
   offset?: { x?: number; y?: number };
   allowOverlap?: boolean;
+  androidOffsetY?: number;
 };
 
 export const HighlightToolTip: React.FC<HighlightOverlayProps> = ({
@@ -38,6 +40,7 @@ export const HighlightToolTip: React.FC<HighlightOverlayProps> = ({
   tooltipPosition = 'bottom',
   offset = { x: 0, y: 0 },
   allowOverlap = false,
+  androidOffsetY = 0,
 }) => {
   const [hole, setHole] = useState<LayoutRectangle | null>(null);
   const { width: screenWidth, height: screenHeight } = Dimensions.get('window');
@@ -48,10 +51,16 @@ export const HighlightToolTip: React.FC<HighlightOverlayProps> = ({
     UIManager.measureInWindow(
       handle!,
       (x: number, y: number, width: number, height: number) => {
-        setHole({ x, y, width, height });
+        const isAndroid = Platform.OS === 'android';
+        setHole({
+          x,
+          y: isAndroid ? y + androidOffsetY : y,
+          width,
+          height,
+        });
       }
     );
-  }, [targetRef]);
+  }, [targetRef, androidOffsetY]);
 
   const getTooltipPosition = () => {
     if (!hole) return { top: 0, left: 0 };