Advanced 3D Carousel Animation in React Native using FlatList & Animated API
🔥 In this video tutorial we will create an advanced 3D carousel in React Native, using FlatList and Animated API from React Native.
We'll go through:
How to create the UI
How to create the horizontal carousel using FlatList
How to use perspective to create the 3D effects
How to animate the text based on active index or active slide of the FlatList
How to get or calculate the active index of the FlatList using onMomentumScrollEnd
How to call imperative methods on FlatList (scrollToOffset)
How to create a navigation system for the FlatList carousel
----
⚠️ Access full source code: https://www.animatereactnative.com/po...
----
Starter code: https://gist.github.com/catalinmiron/...
👉👉 Have any questions? Join Discord: / discord .
Inspiration: https://dribbble.com/shots/3147975-Pr...
Want to support me?
Patreon: / catalinmiron
BuyMeACoffee: https://www.buymeacoffee.com/catalinm...
Paypal: https://paypal.me/catalinmiron
----
You can find me on:
Github: http://github.com/catalinmiron
Twitter: / mironcatalin
Website: http://batman.codes
---
Timeline:
TBD
#react-native-3d-carousel #react-native-advanced-flatlist #react-native-animation #react-native-animated-api #react-native-onscrolltooffset #react-native-flatlist #react-native-flatlist-navigation #react-native-advanced-animations