Beautiful React Native gallery view - Synced FlatLists - Animated API - Pexels API

Опубликовано: 11 Октябрь 2024
на канале: Catalin Miron

42,034

1.3k

🔥 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 #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