https://github.com/kureev/react-native-list

FlatList, VirtualizedList, SectionList for React-Native < 0.43
https://github.com/kureev/react-native-list

react-native react-native-component react-native-list

Last synced: 20 days ago
JSON representation

FlatList, VirtualizedList, SectionList for React-Native < 0.43

• Host: GitHub
• URL: https://github.com/kureev/react-native-list
• Owner: Kureev
• License: other
• Created: 2017-04-17T17:47:53.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-05-08T16:00:18.000Z (over 7 years ago)
• Last Synced: 2024-09-19T01:39:12.818Z (about 2 months ago)
• Topics: react-native, react-native-component, react-native-list
• Language: JavaScript
• Homepage:
• Size: 77.1 KB
• Stars: 44
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
FlatList, VirtualizedList, SectionList for React-Native < 0.43

--

This repository mimics the latest changes in React Native 0.43.

## Motivation

Currently, [email protected] depends on [email protected] which isn't yet supported by many libraries like Enzyme etc. Although, this version of RN brings us amazing list views: FlatList, VirtualizedList & SectionList. So there is a choice either to use 0.43 with its awesome lists or use 0.42 and being able to test your applications with Enzyme. Well, I choose both ;)

This package contains copied and adapted implementation of 0.43 list features to < 0.43 realms.

## Installation

- Install package using your favorite manager:

  ```sh

  yarn add react-native-list

  ```

  or

  ```sh

  npm add react-native --save

  ```

- Add `react-native-list` to your `providesModuleNodeModules`:

  - If you don't have `rn-cli.config.js`, create `rn-cli.config.js` in the root directory of your project:

  ```js

  module.exports = {

    getProvidesModuleNodeModules() {

      return [

        'react-native',

        'react-native-windows',

        'react-native-list',

      ];

    },

  };

  ```

  - If you already have `rn-cli.config.js`, add `react-native-list` to your `getProvidesModuleNodeModules` function or copy it from the snippet above.

## Usage

```js

import { FlatList, VirtualizedList, SectionList } from 'react-native-list';

// then use it like a regular [email protected] components

```

For more information, see [Better List Views in React Native](https://facebook.github.io/react-native/blog/2017/03/13/better-list-views.html).