# react-native-recycler-list

> Memory optimised Native Recycler list for React Native with 100% native performance

Latest version **1.0.6** (published 2020-03-15) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-native-recycler-list
pnpm add react-native-recycler-list
yarn add react-native-recycler-list
bun add react-native-recycler-list
```

## 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.6 |
| Published | 2020-03-15 |
| First published | 2019-05-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 233.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Ashutosh Singh |
| Maintainers | ashutosh.akss |
| Keywords | recycler-list, recycler-view, list-view, react-native-list, native list, native recycler list |

## Links

- npm: https://www.npmjs.com/package/react-native-recycler-list
- Repository: https://github.com/ashutosh-akss/react-native-recycler-list
- Homepage: https://github.com/ashutosh-akss/react-native-recycler-list#readme
- Issues: https://github.com/ashutosh-akss/react-native-recycler-list/issues
- npm.io page: https://npm.io/package/react-native-recycler-list

## Recent versions

- 1.0.6 (latest) — 2020-03-15
- 1.0.5 — 2020-03-15
- 1.0.4 — 2020-03-15
- 1.0.3 — 2020-03-15
- 1.0.2 — 2020-03-08
- 1.0.1 — 2020-03-08
- 1.0.0 — 2020-03-08
- 0.0.1 — 2019-05-06

## README

# react-native-recycler-list

## Warning : This module is in POC PHASE and should not be used in production

## Getting started

`$ npm install react-native-recycler-list --save`

### Mostly automatic installation

`$ react-native link react-native-recycler-list`

## Usage

```javascript
import React, { Component } from "react";
import { View, StyleSheet } from "react-native";
import RecyclerView from "react-native-recycler-list";

// Defining sample data , get this from your api as array of objects
const data = [
  {
    id: "1",
    createdAt: "2020-02-16T12:42:34.396Z",
    name: "Dax Wolf",
    avatar:
      "https://s3.amazonaws.com/uifaces/faces/twitter/mbilalsiddique1/128.jpg",
    email: "first1@mail.com",
    imageUrl: "https://unsplash.it/400?image=1"
  },
  {
    id: "2",
    createdAt: "2020-02-17T02:55:32.618Z",
    name: "Henri Hilll",
    avatar:
      "https://s3.amazonaws.com/uifaces/faces/twitter/louis_currie/128.jpg",
    email: "first2@mail.com",
    imageUrl: "https://unsplash.it/400?image=2"
  }
];

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <RecyclerView
          style={styles.container}
          name="Ashutosh"
          src={data}
          onRefresh={event => {
            console.log("event : ", event.nativeEvent);
            alert("OnRefresh");
          }}
          onClick={event => {
            console.log("event : ", event.nativeEvent);
            alert("Data Clicked : ");
          }}
          onLongClick={event => {
            console.log("ON LONG CLICK CALLCED : ", event.nativeEvent);
            alert("Loing click");
          }}
        />
      </View>
    );
  }
}

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

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