React Native Shared Element Transition With Reanimated 3

Hello, in this video i will show you how to create Shared Element Transition in React Native With Reanimated 3
Full Code - github.com/Rakha112/react-nat...
Reanimated - docs.swmansion.com/react-nati...
React Navigation - reactnavigation.org/
Hey if you found this video helpful and if you want to support me, you can buy me a coffee from this link ko-fi.com/rakhawibowo
Chapters:
0:00 - Demo
0:25 - CAUTION!
0:35 - Installing Dependencies
3:57 - Create Native Stack Navigator
7:13 - Create Home Screen
14:54 - Create Detail Screen
26:28 - Final Result
26:47 - Thankyou

[@imam_robani]

Wow that's cool
Thank you for making a video about shared elements, keep up the good work bro

[@rakhawibowo]

Hey bro, thank you very much for always watching my videos 🔥 I hope this video can help you

[@yarapolana]

youtube just recommended me this video… amazing job!

[@rakhawibowo]

Hey thank you very much for watching this video!!!

[@YuriiLutsyk0304]

Cool!!

[@PauloIcaro-pg2xk]

Best 😊

[@abdulsamadayoade9439]

awesome, thanks

[@rakhawibowo]

No worries bro!

[@angelfireful]

excelente👏👏👏👏👏👏

[@antonioteixeira1779]

❤❤❤❤❤❤❤❤❤

[@Gustavo-vu1py]

its possible made shared element transition with online images?

[@sefailyasoz]

I'm trying this with an Expo project but it still messes the whole thing, have you ever experienced a problem with this transition in an Expo app ?

[@iJuce]

The music is driving me crazy

[@rakhawibowo]

hey I'm sorry about that 😅

[@danielraj3260]

Hi bro can you pls suggest me to create custom bottom tabs based on the api

[@rakhawibowo]

Hey, I'm sorry, I'm not sure what you mean, is the bottom tab dynamically changing according to what's in the API?

[@danielraj3260]

@@rakhawibowo thanks for your reply yes,it possible or not if it is possible can you post vedio about this topic or suggest any way to find

[@hds6857]

When I use shared transition in a tab navigator It does not work. Do you know how to implement that inside tabs?

[@rakhawibowo]

Hey, do you mean the bottom tab navigator when you refer to the tab navigator?

[@hds6857]

@@rakhawibowo yes, the bottom tab navigator

[@YuriiLutsyk0304]

I'd like to watch a video - implementation a draggable list

[@rakhawibowo]

Hey, thanks for your suggestion, but it's already on my list, so stay tuned for the video 🔥

[@user-kv6bu9hi1t]

shared transition element not working? help me please

[@turkergercik]

İt only works with native stack navigator now.

[@imPrathamDev]

it's support fabric?

[@rakhawibowo]

Hey, currently shared elements from reanimated 3 are not supported for fabric

[@user-xs8bz6nl3y]

how use it with data from server?

[@rakhawibowo]

Hey, you can fetch your data from the server as usual, but make sure that each shared element component has a unique and non-duplicate sharedTransitionTag

[@adelashour3253]

its not for apps in production

[@rakhawibowo]

Hey, Reanimated Shared Element Transitions is an experimental feature, not recommended for production use yet