Use React Navigation During Transition

[masterbater]

Is it possible if you could do this with react navigation?

[xotahal]

I will probably write about it in a couple of days in this publication - https://medium.com/how-i-built-profitable-application-faster-than

Follow that ;)

[kylegillen]

@xotahal now following. Very much looking forward to the article 👍

[odesey]

What about wix react native navigation, will this work with that as well?

[obetomuniz]

Any update?

[ducpt2]

Any update? Can you create a sample project?
Thanks.

[kylegillen]

Doesn't look like we're going to get this write-up.
There's a great alternative specifically with React Navigation integration: https://github.com/fram-x/FluidTransitions
I have nothing to do with it, I just needed an alternative & it works well.

[nandorojo]

Following up here again. Does this library work with react navigation, or should we just stick to FluidTransitions?

[xotahal]

Haven't seen a react navigation for a while but in theory, if you are able to turn off the "default animation" of React Navigation (which is usually a slide from the right/bottom) there is no problem with using it with the react navigation.

[nandorojo]

Got it, thanks! In that case – is there a way to get the shared transitions in nested components?

For instance, if these are two screens in a navigator:

Screen 1 -> nested component -> shared component
Screen 2 -> nested component -> shared component

Is there a way to get them to transition to each other? I couldn't get it to work when I tried it out. Perhaps it needs a higher order component the way redux's connect works?

Thanks again!!

[xotahal]

As long as the Shared Element is rendered on the screen there is no problem to clone it and move it to the destination.

[ashokkumar88]

anyone have used this library with wix react native navigation?