ToolTip incorrect position on navigation (with snack example): possible old bug?

First off: I want to say this is a great library, and thank you for making this! 😄 I unfortunately have a bug (easy to demonstrate) that I’ve spent a good deal of time trying to solve.

Problem/Background

snack: https://snack.expo.io/@matthewliuhello/tooltip-positioned-incorrectly-if-navigating-to-screen-with-it - I tired to make this e.g. succinct/small as possible

• when navigating (react-navigation) to a screen that will show a tooltip on mount, that tooltip is positioned incorrectly (at least on iOS)
• but if you programmatically trigger the tooltip to show, everything is fine. <-- as shown in the snack.

Attempt at solution

• it seems like this bug was fixed https://github.com/jasongaare/react-native-walkthrough-tooltip/pull/10 - idk if there was a regression error
• I tried setting a timeout of ~200ms using useEffect to show the tooltip after the component mounts. The longer I make the timeout, the less likely the issue is, but it is janky

I appreciate any help. Cheers!

[FairyWorld]

solved

I didn’t see it in props docs, but after looking at the original issue more closely, i realized we can add the prop useInteractionManager and it’ll work.

useInteractionManager={true} // need this prop to wait for react navigation

full working example is here: https://snack.expo.io/@matthewliuhello/react-native-walkthrough-tooltip-example

I use the code below, the position is correct but the mask doesn’t cover the status bar

placement="bottom"
// below is for the status bar of react navigation bar
topAdjustment={Platform.OS === 'android' ? -StatusBar.currentHeight : 0}

[matthewliuswims]

solved

I didn’t see it in props docs, but after looking at the original issue more closely, i realized we can add the prop useInteractionManager and it’ll work.

useInteractionManager={true} // need this prop to wait for react navigation

full working example is here: https://snack.expo.io/@matthewliuhello/react-native-walkthrough-tooltip-example