React Native Shared Element Transition React Navigation V5 - Episode 7

Published: 13 October 2020
on channel: Catalin Miron

25,661

682

🔥 Getting started with React Navigation v5 and Shared Element transition in React Native + create an animated carousel 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 beautiful slider 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.
👉 How to style elements in React Native using Flexbox

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

On this page of the site you can watch the video online React Native Shared Element Transition React Navigation V5 - Episode 7 with a duration of hours minute second in good quality, which was uploaded by the user Catalin Miron 13 October 2020, share the link with friends and acquaintances, this video has already been watched 25,661 times on youtube and it was liked by 682 viewers. Enjoy your viewing!

260