Shared Element Transitions with React Navigation

In this lesson we'll learn how to make UI elements transition with screen changes using React Navigation and Fluid Transitions.
www.reactnativeschool.com/sha...

[@dannyhw]

Very nice, been wanting to try this out.

[@JeanPierreCasanovaFuentes]

Awesome!!!!!

[@abduhaddad6700]

Nice🔥

[@antoniocestari5775]

Does it work with React Navigation v5?

[@vasunagpal16]

I tried implementing in react native app with navigation version 4.1.0, it does give the transition as explained in the video but when I change the image height and width a jerk appears and is not smooth any suggestions?

[@vasunagpal16]

Finally after struggling for a day, as explained in the video you need to multiply the width and height by a factor like 1.2 etc, and not hard code height and width. This is what worked for me.

[@flykeymikey4106]

Hey, great video! What version of React Navigation are you using?

[@menethorvilek2460]

It looks like he is using react navigation v 4.x . In v5.x, your import library should be '@react-navigation/stack'

[@shoumikkumbhakar6567]

This package hasn't been updated since 3yrs. I tried some alternative like react-navigation-shared-element but they don't work well with nested navigators

[@ricardotovar4597]

the same happens to me, for the momento I don't use any library :C

[@RootsTravelApp]

How to do this with RNRF?

[@rishijain5595]

The moment I replace createStackNavigator -> createFluidNavigator ... this error pops up: TypeError: undefined is not an object

[@deepanshu.770]

Same Here Bro

[@r0mankon]

does it work in react navigation v6?

[@ReactNativeSchool]

Not sure, haven't tried it.

[@lglf77]

Does not work on @ react-navigation / native and yarn add @ react-navigation / stack????????????????????????????????????????????

[@ReactNativeSchool]

Correct. This is using react-navigation v4 or v3.

[@VenomKage]

You're that EVENING KID, aren't you?🤔🤔🤔