React Native Headphones Animated Carousel - Video Tutorial
I decided to make an advanced #ReactNative animation video tutorial this time. This is an animated carousel / animated slider with lots of animations going on.
In this video tutorial we'll learn how to create:
- text parallax effect
- pagination animation
- clipper/ticker animation with translateY
- circle animation based on active slide index
Built using @expo, vanilla React Native Animated API and FlatList.
This code works in plain React Native project as well since we are using only React Native APIs such as Animated and FlatList.
---
🎥 YouTube: https://youtu.be/cGTD4yYgEHc
👨‍💻 GitHub: https://github.com/catalinmiron/react-native-headphones-carousel
flicker
github
open source
parallax effect
parallax scrolling
react native
tutorial
tutorial animation
youtube
View all tags
Posted on
Jul 24, 2020
More by Miron Catalin Gabriel View profile
Like