🔥 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/documentation/

⚠️ Access full source code: https://www.patreon.com/bePatron?u=20582060

Starter code: https://gist.github.com/catalinmiron/5a9de714e555d0e21040cd344c627745

👉👉 Have any questions? Join Discord: https://discord.gg/vg7hUDU.

Want to support me?

• Patreon: https://patreon.com/catalinmiron
• 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

---

Timeline:
TBD

#reactnative #animated #gallery #pexels #react-native-animations #react-native-pexels #react-native-pexels-api #react-native-animated-api #react-native-flatlist #react-native-animated-flatlist #react-native-gallery-view #react-native-synced-flatlists

#pexels api #animated api #synced flatlists