react-native-reanimated-list

Reanimated List

animated FlatList implementation using react-native-reanimated

Usable with Expo!

Installation

react-native-reanimated-list expects react-native-reanimated and react-native-gesture-handler to be installed.

Open a Terminal in the project root and run:

yarn add react-native-reanimated-list

or if you use npm:

npm install react-native-reanimated-list

Usage

 
import {AnimatedList} from 'react-native-reanimated-list';
 
const Example = () => {
  /* ..rest of the code */
 
  render() {
    return (
      <View style={{flex:1}}>
        <AnimatedList
        data={payees}
        listItemHeight={100} //optional
        keyExtractor={(item, index) => item.id} //mandatory
        renderItem={({ item, index }) => (
          <View key={item.id} style={{ flex: 1 }}>
            {/*  ...code */}
          </View>
        )}
      />
    </View>)
  }
}

Props and rest of the documentation will follow soon.