Skip to content

A carousel with parallax and opacity animation, mimicking what the Apple TV app does in the home launch carousel.

Notifications You must be signed in to change notification settings

chicio/React-Native-Parallax-Carousel

Repository files navigation

React native parallax carousel

This is an example app created with Expo for the blog post "Create a circular carousel with parallax effect in React Native". In this blog post, I show how it is possible to create a full-screen carousel with:

  • parallax animation on the images inside the items during scroll
  • opacity animation on the text label during scroll
  • circular carousel: infinite scroll with item show in a loop

Get started

  1. Install dependencies

    npm install
  2. Start the app

     npx expo start

About

A carousel with parallax and opacity animation, mimicking what the Apple TV app does in the home launch carousel.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published