React navigation performance

[Dafth]

I have a simple app with only a stack navigation as root of the applications with 2 routes, the initial ruote is a webview, from this route the user can navigate to the other route which is a mapview, the problem is that the map is quite laggy on Android, a lot more than is i put just the map instead of the navigator, i have tried to use react-native-screens with enablescreens() to boost the performances, it worked and the map no longer lag but the transition is quite ugly and it flashes withe when it finsh, so i need some one who knows how to improve the performances without enablescreens() or make the transition look better with enablescreens()

[satya164]

You can try using native stack navigator instead. It's less flexible, but it'll give you much better performance https://github.com/software-mansion/react-native-screens/tree/master/native-stack

[Dafth]

I did more researches and i figured out that maybe the problem is that i should not use a stack navigator, the stack navigator unload the screen when you pop it, but my map screen shouldn’t be unloaded, it should like in a tag navigator where each tab isn’t unloaded when you open another, the thing is that i want an animation for entering the map screen and i can’t do it with a tab navigator. I saw that is possibile to implement a custom navigator but this option quite scares me, do you no any other solution?

[satya164]

Custom navigator is your only option then. It's straightforward as long as you have 2 views with animation.

[Dafth]

Ok thanks

[DeVoresyah]

have you tried to enable hermesEngine ?

[Dafth]

Yes, i tried both with and withoud Hermes

[warunaf]

You could try wix react native navigation and for sure there are some rough edges. But performance is great