Advanced React Native FlatList animations at 60fps

YouTube: https://youtu.be/yV-2HRzNX9o

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