React Native Shared Element Transition - Episode 1

Episode 1 / 10
---

🎥YouTube tutorial: https://youtu.be/C2Q_MPxqLMI
➡ GitHub Source Code access: https://www.patreon.com/posts/41446571

Getting started with React Navigation v5 and Shared Element transition in React Native + create an advanced carousel animation using React Native Animated API.

This video is the ground work for a series about react native shared element transition using react navigation v5 and react-navigation-shared-element package.

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 change the Card interpolation to create the fade in and fade out animation while doing the shared element transition
- how to use reactive type of animation from React Native Animated API in order to create a two way binding carousel that will also animate from the header and viceversa. This is an advanced carousel animation done really easy with just a few lines on code.

➡ GitHub Source Code access: https://www.patreon.com/posts/41446571