🔴 React Navigation Shared Element Transition | React-Native | React-Navigation v5 | Part-2

In this video you will learn how to apply shared element on new or existing react-navigation
Part-1👉 • 🔴 Collapsing Header an...
Source Code:
github.com/vis...
Like 👍 Share 📢 and Subscribe 🚀

[@akedevjs]

The best of best

[@vishalpwr]

Thanks man!

[@ddikodroid]

Nice!

[@vishalpwr]

Thanks!

[@santiagozapata9056]

Can you test this with a text component? For me it just stretches instead of interpolating it's properties nicely

[@vishalpwr]

Yeah, this bug may be from shared-element.

[@faisalhatila1844]

cool but I have an issue, it's transitions are not working for other navigation stacks, like if I create a bottom tab navigator, or drawer and there are two screen that expected to show same mechanism so in second screen, transition is not working, any solution for that?
thanks

[@vishalpwr]

Make sure, You have created inner Stack Navigator with createSharedElementStack().

[@gouravnainwaya5669]

Bro plZZ MAKE HINDI AND RESSO CLONE IN REAct native

[@excalibur885]

great. but what if i dont want to pass the entire item data to the detail screen ? what if i only pass id of it and make a detail request at the detail page ? :)))

[@vishalpwr]

If you want to send only id then you need to pass like this
("DetailScreen", {id: item.id}) and then get this "id" from route params.

[@excalibur885]

@@vishalpwr i alredy know that but will the animation work becouse there will be some delay untill the request is complete

[@vishalpwr]

Yeah then it might not work as it is!
If you using this, you have list in which image already present, so pass it to next screen, so that animation work perfectly, and then call api for more data😜.