React Native Shared Element Transition React Navigation V5 - Episode 9

🔥 React Navigation v5 and Shared Element transition in React Native + create a slick carousel animation using React Native Animated API and FlingGesture handler.

This is the 9th 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 use React Native Animatable in order to create an on-mount animations after transitioning to a different screen.
👉 create a stack style carousel
👉 how to create a reactive animated value
👉 how to do infinite scrolling and fetch new data
👉 how to create a flicker type animation when changing the active slide

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

Inspiration: https://dribbble.com/shots/3731362-Ev...
GitHub: https://github.com/catalinmiron/react...
Slider implementation video: Advanced React Native FlatList stack ...
---
Video series:
🎥 Episode 1️⃣ : React Native Shared Element Transitio...
🎥 Episode 2️⃣: React Native Shared Element Transitio...
🎥 Episode 3️⃣: React Native Shared Element Transitio...
🎥 Episode 4️⃣: React Native Shared Element Transitio...
🎥 Episode 5️⃣: React Native Shared Element Transitio...
🎥 Episode 6️⃣: React Native Shared Element Transitio...
🎥 Episode 7️⃣: React Native Shared Element Transitio...
🎥 Episode 8️⃣:React Native Shared Element Transitio...
🎥 Episode 9️⃣:React Native Shared Element Transitio...
---

👉Join Discord: discord.gg/vg7hUDU

Want to support me?

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

You can find me on:

- Github: http://github.com/catalinmiron
- Twitter: 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

• #education
• #catalin_miron
• #react_native_shared_element_transition
• #react_native_navigation_v5
• #react_navigation_v5
• #react_native_gesture_handler
• #react_native_shared_element
• #shared_element_transition
• #react_native_animtable
• #react_native_custom_carousel
• #react_native_stack_carousel
• #react_native_advanced_animation
• #react_native_60fps_animation
• #custom_shared_element_transition
• #react_native_events_app
• #react_native_tutorial
• #react_native_animation_tutorial