Advanced React Native FlatList animations at 60fps

I decided to make another advanced FlatList #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:
- use the snapToInterval prop
- how to display a portion from the prev and next item
- how to align the active slide in the middle
- how to use MaskedView

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/yV-2HRzNX9o
- Inspiration: https://dribbble.com/shots/8257559-Movie-2-0
- GitHub: https://github.com/catalinmiron/react-native-movie-2.0-carousel
--
- Expo: https://expo.io/
- TMDB: https://www.themoviedb.org/

Want to support me?

- BuyMeACoffee: https://www.buymeacoffee.com/catalinmiron
- Paypal: https://paypal.me/catalinmiron

You can find me on:

- Github: http://github.com/catalinmiron
- Twitter: http://twitter.com/mironcatalin
- Website: http://batman.codes

Rebound of

Movie 2.0

By Dimest

Miron Catalin Gabriel

Get in touch

More by Miron Catalin Gabriel

View profile