Skip to content

Latest commit

 

History

History
31 lines (18 loc) · 1.22 KB

File metadata and controls

31 lines (18 loc) · 1.22 KB

Advanced React Native Animated FlatList Picker - Synchronise 2 FlatLists

Buy Me A Coffee

Youtube tutorial

Advanced React Native Animated FlatList Picker - Synchronise 2 FlatLists

In this tutorial I'm going to teach you how to synchronise two different FlatList and how to create a picker animation in React Native. This is a performant animation that will work on both iOS and Android at 60fps. You can use this picker when doing a react native social auth screen.

I'll walk you through:

  • How to synchronise two FlatLists
  • How to get the selected item from a FlatList using onMomentumScrollEnd event
  • How to create this Masked effect using two different FlatLists

Inspiration: https://dribbble.com/shots/3431451-HUNGRY


You can find me on:

Wanna give me a coffe?