Skip to content
Animated Flatlist for React-Native
Branch: master
Clone or download
Latest commit c7d7396 Oct 7, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
screenshots docs: demo.gif Oct 7, 2018
src refactor: remove console.logs Oct 7, 2018
LICENSE chore: license Oct 7, 2018
README.md docs: snack link Oct 7, 2018
package-lock.json chore: init Oct 7, 2018
package.json refactor: remove console.logs Oct 7, 2018

README.md

React Native Animated Flatlist

Animated Flatlist for React-Native

View demo on Snack

Install

npm i -S react-native-animated-flatlist

or

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

You can’t perform that action at this time.