Highlight placement on Android

[nateguy]

I've just implemented the overlay and it runs perfectly on iOS. However on Android, the placement of the highlight is off on Android upon loading my app...

However if I go to another screen and return back the same page, it usually displays the highlight in the correct location

[evanahouse]

I'm experiencing the same issue. Any luck with fixing this?

[mJordan8]

In case anyone else has the same problem:
Use offset in HighlightableElement. I am using safe area context.

import { useSafeAreaInsets } from 'react-native-safe-area-context';

const insets = useSafeAreaInsets();

<HighlightableElement
id="highlightId"
options={{
mode: 'rectangle',
borderRadius: 12,
offset: { x: 0, y: -insets.top },
}}
>