React-native-animated-flatlist NPM

React Native Animated Flatlist

Animated Flatlist for React-Native

Install

npm i -S react-native-animated-flatlist

yarn add react-native-animated-flatlist

Usage

Import library

import AnimatedFlatlist from 'react-native-animated-flatlist'

Usage

<AnimatedFlatlist
  items={this.state.data.concat([])}
  id={"id"}
  inAnimation={"fadeIn"}
  outAnimation={"fadeOut"}
  duration={300}
  rowItem={({item}) => (
    <Text>Render Item...</Text>
  )}
/>

Props

Name	Type	Description	Default Value
items	array	Array of objects to iterate	[]
id	string	Uniq identifier property of object	-
inAnimation	string	Animation for newly created item (See react-native-animatable for available animations)	fadeIn
outAnimation	string	Animation for deleted item (See react-native-animatable for available animations)	fadeOut
duration	nubmer	Animation duration	300
rowItem	function({item, index})	React component to render Item with `item` and `index` params	-

Also you can use React-native Flatlist props

Credits

https://github.com/oblador/react-native-animatable

react-native animated-flatlist

@infinitebrahmanuniverse/nolb-react-native-an @everything-registry/sub-chunk-2570

0.0.3

7 years ago

0.0.2

7 years ago

0.0.1

7 years ago