Can we use it with react native navigation

[Ashok Kumar]

Thanks for this awesome library. Can we use this library with react-native-navigation?

[J.D Nicholls]

@ashokkumar88 what animation do you need with the navigation?

[Fernando Rojo]

I was also hoping for this to work. I tried FluidTransitions, but it doesn't allow for transitioning nested components, so adding any complexity renders it a bit useless. It would be great to have shared transitions between elements on different screens for react-navigation to work with react-native-motion.

[German Alzate]

@nandorojo so this library does not work to animate shared components between react-navigation screens?

[Fernando Rojo]

There is now a different library called react-navigation-shared-element which supports shared animations between screens with react navigation.

I wrote a quick tutorial for getting it up and running here.

If you'd rather see the code, I also made an expo snack example.

If you aren't using an Expo managed project (must be SDK 35+), be sure to follow the instructions to link it to your app here.

It works very well with nested components too.

Finally, if you aren't already, I suggest using react-native-screens to help improve performance for react-navigation. Good luck!

[German Alzate]

@nandorojo Thanks

[Amit Assaraf]

@nandorojo Note that you cannot use react-native-screens with react-navigation-shared-element and it is unlikely to ever be supported

[grant]

@nandorojo flagging that support for react-navigation v5 for that library is in pre-release.

For react-navigation v5 I recommend looking at the react-navigation-shared-element development branch here: https://github.com/IjzerenHein/react-navigation-shared-element/tree/navigation-v5