Kaia  Schmitt

Kaia Schmitt


React Native Shared Element Transition React Navigation V5 - Episode 7

πŸ”₯ 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.patreon.com/posts/41446571 πŸ‘ˆπŸ‘ˆπŸ‘ˆ

Video series:
πŸŽ₯ Episode 1️⃣ : https://youtu.be/C2Q_MPxqLMI
πŸŽ₯ Episode 2️⃣: https://youtu.be/Zol6ivicuo8
πŸŽ₯ Episode 3️⃣: https://youtu.be/xVBTiR8gLJE
πŸŽ₯ Episode 4️⃣: https://youtu.be/fiAdt9-wNJo
πŸŽ₯ Episode 5️⃣: https://youtu.be/nEntsYyCbLM
πŸŽ₯ Episode 6️⃣: https://youtu.be/pq0mAv4y0Nw
πŸŽ₯ Episode 7️⃣: https://youtu.be/dFEHETyuXWY
πŸŽ₯ Episode 8️⃣:https://youtu.be/tC7egqnpYSY
πŸŽ₯ Episode 9️⃣:https://youtu.be/6XxpUhQqpjY

πŸ‘‰Join Discord: discord.gg/vg7hUDU

Want to support me?

You can find me on:


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

#react native shared #react

React Native Shared Element Transition React Navigation V5 - Episode 7