Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vobi-io/react-native-animated-flatlist
Animated Flatlist for React-Native
https://github.com/vobi-io/react-native-animated-flatlist
animated flatlist react-native
Last synced: about 2 months ago
JSON representation
Animated Flatlist for React-Native
- Host: GitHub
- URL: https://github.com/vobi-io/react-native-animated-flatlist
- Owner: vobi-io
- License: mit
- Created: 2018-10-07T19:12:47.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-10-07T22:46:54.000Z (over 6 years ago)
- Last Synced: 2024-04-22T01:54:52.758Z (9 months ago)
- Topics: animated, flatlist, react-native
- Language: JavaScript
- Size: 2.49 MB
- Stars: 58
- Watchers: 3
- Forks: 9
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-react-native - react-native-animated-flatlist - Animated Flatlist for React Native. (Components / UI)
README
# React Native Animated Flatlist
Animated Flatlist for React-Native[View demo on Snack](https://snack.expo.io/@shakogegia/react-native-animated-flatlist-demo)
### Install
```bash
npm i -S react-native-animated-flatlist
```
or
```bash
yarn add react-native-animated-flatlist
```### Usage
Import library```js
import AnimatedFlatlist from 'react-native-animated-flatlist'
```Usage
```jsx
(
Render Item...
)}
/>
```### 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