Support for react-native-screen 's createNativeStackNavigator

[hirbod]

Hi,

would be awesome if this lib would support

import createNativeStackNavigator from 'react-native-screens/native-stack';

since the performance of native-stack is awesome and absolutely no comparison to the usual createStackNavigator

[IjzerenHein]

Nice, that would indeed be very cool. I'm not sure it's possible though as that navigator needs to expose the transition progress as an Animated Value.

Would be great if someone could do some research on this on post the findings here.

[hirbod]

Well I think we need to ask for support @kmagiera or @satya164 since they are building that stuff on the new navigation v5 and react-native-screens

[nandorojo]

This would be great!

[Jarred-Sumner]

software-mansion/react-native-screens#317

[bogdansoare]

Would be awesome to have this implemented

[hirbod]

Instead of createNativeStackNavigator it should support react-native-screens/native-stack (which was moved from react-navigation to react-native-screens).

Its still a pretty similar approach but a totally different API.
https://github.com/software-mansion/react-native-screens/tree/master/native-stack

Sad that its "most likely not to be supported" (I've read this on your readme), since the native-stack performance is outplaying the JS navigation.

[mrousavy]

I'm not sure if it's the fault of the JS navigation library, a React-Native bug, a react-navigation-shared-element bug or an Image rendering bug, but on bigger iPhones (such as iPhone X, iPhone 11, etc.) the animation is really laggy. (noticeable micro-stuttering)

Demo in slow-mo:

iPhone 8, very smooth
iPhone 11 Pro, very stuttery

Hopefully we will get an update soon at software-mansion/react-native-screens#317 👀

[mrousavy]

The wix/react-native-navigation library supports shared element transitions aswell, I haven't looked into the code much but it looks like their approach is to create a transitions queue which will get worked on batch-wise. They're searching the UIManager for a given View by it's ID (see: this) and then create the animations (text interpolation, rectangle scaling, ...) here. Isn't react-native-screens/native-stack essentially doing the same? Here's the Stack Transition Delegate

[mrousavy]

Could software-mansion/react-native-screens#499 be of any help?

[Irshadmirza]

I have a problem when Im going from home screen to details screen after press back image get stucked in the home screen,
and if i press home button on bottom tab navigator its not going back.
can anyone please help me out?
thanks in advance