Skip to content

Advanced React Native Animated FlatList Picker - Synchronise 2 FlatLists

Notifications You must be signed in to change notification settings

catalinmiron/react-native-animated-flatlist-picker

Repository files navigation

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?

About

Advanced React Native Animated FlatList Picker - Synchronise 2 FlatLists

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published