Zara Mobile app - Advanced React Native carousel - FlatList and Animated API

Zara Mobile app - Advanced React Native carousel - FlatList and Animated API

🔥 In this video tutorial we will re-create Zara's mobile app carousel and build an Advanced React Native Carousel using FlatList and Animated API from React Native and BottomSheet package by Gorhom.

🔥 In this video tutorial we will re-create Zara's mobile app carousel and build an Advanced React Native Carousel using FlatList and Animated API from React Native and BottomSheet package by Gorhom.

We'll go through:

  • How to create and animated a FlatList carousel pagination
  • How to create a custom pagination for the carousel
  • How to animate the dot indicator circle for the pagination
  • How to use BottomSheet in order to have a "modalized" bottom sheet with a scrollview inside it

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

Starter code: https://gist.github.com/catalinmiron/5202e842fc4727e73b411198f95a3adc

Bottom Sheet: https://github.com/gorhom/react-native-bottom-sheet

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

Want to support me?


You can find me on:


Timeline: TBD

#advanced-flatlist-animation #react-native-carousel #react-native-pagination #react-native-zara-mobile-app #react-native-flatlist #react-native-bottom-sheet #react-native-bottom-list #react-native-animated-pagination #react-native-animated-api

animated api flatlist

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Top 10 API Security Threats Every API Team Should Know

Learn what are the most important API security threats engineering leaders should be aware of and steps you can take to prevent them

React Native Scroll Item animation effect - FlatList and Animated API

🔥 In this video tutorial we will create an amazing scrolling animation/effect that you can apply to the items from a FlatList, ScrollView, SectionList and Animated API from React Native.

An API-First Approach For Designing Restful APIs | Hacker Noon

I’ve been working with Restful APIs for some time now and one thing that I love to do is to talk about APIs.

Public ASX100 APIs: The Essential List

The method used for this initial research was to obtain a list of the ASX100 (as of 18 September 2020). Then work through each company looking at the following

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

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