React Native Shared Element Transition React Navigation V5 - Episode 3

Опубликовано: 20 Февраль 2026
на канале: Catalin Miron

20,521

593

🔥 Getting started with React Navigation v5 and Shared Element transition in React Native + create a stack carousel animation using React Native Animated API and FlatList.

This is the second video tutorial from a series about react native shared element transition using react navigation v5 and react-navigation-shared-element package and other animation libraries.

In this tutorial we're going to create the navigation system using react navigation v5 and shared-element transition.
I'll teach you
👉 how to use SharedElement component to properly animation or transition between the screen
👉 how to create a stack carousel in React Native using Animated API and FlatList
👉 how to use React Native Animatable in order to create an on-mount animations after transitioning to a different screen.

This is an advanced carousel animation done really easy with just a few lines on code.

👉👉👉 GitHub Source Code access: https://www.animatereactnative.com/ 👈👈👈

---
Video series:
🎥 Episode 1️⃣ :    • React Native Shared Element Transition Rea...
🎥 Episode 2️⃣:    • React Native Shared Element Transition Rea...
🎥 Episode 3️⃣:    • React Native Shared Element Transition Rea...
🎥 Episode 4️⃣:    • React Native Shared Element Transition Rea...
🎥 Episode 5️⃣:    • React Native Shared Element Transition Rea...
🎥 Episode 6️⃣:    • React Native Shared Element Transition Rea...
🎥 Episode 7️⃣:    • React Native Shared Element Transition Rea...
🎥 Episode 8️⃣:   • React Native Shared Element Transition Rea...
🎥 Episode 9️⃣:   • React Native Shared Element Transition Rea...
---

👉Join Discord: discord.gg/vg7hUDU

Want to support me?

Patreon   / catalinmiron
BuyMeACoffee: https://www.buymeacoffee.com/catalinm...
Paypal: https://paypal.me/catalinmiron

You can find me on:

Github: http://github.com/catalinmiron
Twitter:   / mironcatalin
Website: http://batman.codes

Timeline
TBD

#react-native #react-navigation-v5 #shared-element-transition #react-navigation-shared-element #animated-api #advanced-carousel-animation #react-native-flatlist-parallax-animation