# react-native-event-flatlist

> A flatlist Compponnet For React Native

Latest version **1.0.1** (published 2019-01-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-native-event-flatlist
pnpm add react-native-event-flatlist
yarn add react-native-event-flatlist
bun add react-native-event-flatlist
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2019-01-28 |
| First published | 2019-01-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 6.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Behzad Rohizadeh |
| Maintainers | behzadrohizadeh |
| Keywords | react-native, ios, android, react-component, react, flatlist, event |

## Links

- npm: https://www.npmjs.com/package/react-native-event-flatlist
- Repository: https://github.com/behzadrohizadeh/react-native-event-flatlist
- Issues: https://github.com/behzadrohizadeh/react-native-event-flatlist/issues
- npm.io page: https://npm.io/package/react-native-event-flatlist

## Dependencies (2)

- [react](https://npm.io/package/react.md) 16.6.3
- [react-native](https://npm.io/package/react-native.md) 0.58.1

## Alternatives

- [async-exit-hook](https://npm.io/package/async-exit-hook.md) — 3.7M weekly downloads
- [evnty](https://npm.io/package/evnty.md) — 7.2K weekly downloads
- [eleventy-plugin-asciidoc](https://npm.io/package/eleventy-plugin-asciidoc.md) — 3.5K weekly downloads
- [@jswork/next-get2get](https://npm.io/package/@jswork/next-get2get.md) — 945 weekly downloads
- [@dashersw/axon](https://npm.io/package/@dashersw/axon.md) — 934 weekly downloads

## Recent versions

- 1.0.1 (latest) — 2019-01-28
- 1.0.0 — 2019-01-28

## README

# react-native-event-flatlist 

![alt text](https://i.ibb.co/7CZ8Xyh/Screenshot-1548651376.png "Flat list event")

# Install

npm i react-native-event-flatlist

# Usage


```javascript

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View} from 'react-native';
import EventList from"./component/EventList";


const datalist=[
             {title:"One Piece ",date:"28 Jul 2014",image:"https://farm4.staticflickr.com/3100/2693171833_3545fb852c_q.jpg",desciption:"Bar Hopping in Erie, Pa",bgcolor:"#EC407A"},
             {title:"Unlimited World Red",date:"28 JAN 2015",image:"https://farm4.staticflickr.com/3100/2693171833_3545fb852c_q.jpg",desciption:"Bar Hopping in Erie, Pa",bgcolor:"#8E24AA"},
             {title:"Wine",date:"28 Jul 2014",image:"https://farm5.staticflickr.com/4150/5045502202_1d867c8a41_q.jpg",desciption:"Bar Hopping in Erie, Pa",bgcolor:"#EC407A"},
             {title:"Live On Tour",date:"28 JAN 2016",image:"https://farm4.staticflickr.com/3100/2693171833_3545fb852c_q.jpg",desciption:"Bar Hopping in Erie, Pa",bgcolor:"#7B1FA2"},
             {title:"Tour",date:"28 Jul 2014",image:"https://farm5.staticflickr.com/4150/5045502202_1d867c8a41_q.jpg",desciption:"Bar Hopping in Erie, Pa",bgcolor:"#EC407A"},
             {title:"Component",date:"28 JAN 2017",image:"https://farm4.staticflickr.com/3100/2693171833_3545fb852c_q.jpg",desciption:"Bar Hopping in Erie, Pa",bgcolor:"#283593"},
             {title:"Hopping",date:"28 Jul 2019",image:"https://farm5.staticflickr.com/4150/5045502202_1d867c8a41_q.jpg",desciption:"Bar Hopping in Erie, Pa",bgcolor:"#EC407A"},
             {title:"Dance",date:"28 JAN 2019",image:"https://farm4.staticflickr.com/3100/2693171833_3545fb852c_q.jpg",desciption:"Bar Hopping in Erie, Pa",bgcolor:"#AD1457"},

             ]
export default class App extends Component<Props> {

  onpresed(item)
   {

    console.warn(item)
   }
  
  render() {
    return (
      <View style={styles.container}>
        <EventList
         data={datalist}
         onPressitem={this.onpresed}


         />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
   
  },
  
});
```

# Props

| Prop          | Type           | Note  |
| ------------- |:-------------:| -----:|
| data          | array         | array of list data  |
| onPressitem   | func          |   return data when user press on item |

---
_Source: https://npm.io/package/react-native-event-flatlist · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._