React native copilot with react-navigation

[snownoop]

Hello. Anyone know when to call start() function if i am using react-navigation createBottomTabNavigator and changing screens. I want to highlight different views on different screens that can be switch with this bottom bar. Howerver, when i am trying to use useEffect(() => {}, []) or even react navigation events like onDidFocus i got them trigger before my simulator actually rendered view. So the highlightning area is empty. One of workaround is to setTimeout inside of useEffect and only then call start, but maybe there is some way to detect screen is fully loaded and shown ? Thanks.

[lrpinto]

Hi @snownoop I have just come across identical usage case, where I hooked copilot steps to bottom tab navigator buttons, but I am not sure how to trigger it to start.

I am wondering whether you did any progress on this and you will be willing to share a solution if you found one?

Many thanks.

[Pholenk]

any update on this? i need to implement this

[lrpinto]

any update on this? i need to implement this

Hi you can do it with a invisible view on your main screen.

[Pholenk]

any update on this? i need to implement this

Hi you can do it with a invisible view on your main screen.

i already able to show copilot in bottom tab navigation but looks like so tricky

[export-mike]

you have to trigger via <NavigationEvents onFocus={() => {}} /> and not by useEffect a tab view screens are not un-mounted to allow for quick navigation between tabs

[Vijay1126]

Any updates on this?

[Bayramito]

it's very strange that still there is no progress on this topic. <NavigationEvents onFocus={() => {}} />deprecated 2 years ago.

[mohebifar]

I'll prioritize this.

[Biplovkumar]

Any Update with Solution Please. @mohebifar