In this video tutorial we will create a beautiful React Native gallery view using 2 FlatLists and Animated API. We're going to fetch the data from Pexels.com API, feed into our FlatList and sync them two to create a beautiful effect.
We'll go through:
How to fetch data from Pexels.com API
How to create a carousel using the images from Pexels.com
How to store the data from Pexels.com API
How to sync 2 FlatLists
How to get the active carousel slide index
How to scroll inside FlatList using scrollToOffset
How to link the two animated FlatList
Pexels.com API Documentation: https://www.pexels.com/api/documentat...
⚠ Access full source code: https://www.patreon.com/bePatron?u=20...
Starter code: https://gist.github.com/catalinmiron/...
Have any questions? Join Discord: / discord .
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
#reactnative #animated #gallery #pexels #reactnativeanimations #reactnativepexels #reactnativepexelsapi #reactnativeanimatedapi #reactnativeflatlist #reactnativeanimatedflatlist #reactnativegalleryview #reactnativesyncedflatlists