React Native Headphones Animated Carousel - Video Tutorial

Miron Catalin Gabriel
Miron Catalin Gabriel
    • Get in touch
    React Native Headphones Animated Carousel - Video Tutorial
    Download color palette

    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

    Rebound of
    Urbanears Headphones
    By Hwatery
    Miron Catalin Gabriel
    Miron Catalin Gabriel Get in touch

    More by Miron Catalin Gabriel

    View profile
    • Like