react-native-invertible-flat-list v1.1.1

Invertible Flat List

Note: This package has been deprecated in favor of the newly named react-native-invertible-flatlist. Please use that package going forward.

An invertible FlatList for React Native.

Installation

npm:

npm install --save react-native-invertible-flat-list

yarn:

yarn add react-native-invertible-flat-list

Versions

You'll need to match the package version with your version of React Native.

Full version list located here.

Behavior

Behaves identically to the React Native FlatList component with the added functionality of being invertible. The classic example of this is a chat application where the most recent items are listed at the very bottom of a scrolling list that takes the user back in time. This works for both vertically scrolling and horizontally scrolling lists.

Props

FlatList props...

inverted?: ?boolean

Inverts the scrolling direction of the list.

Methods

FlatList methods...

Testing

If you want to test the implementation or just see a working example, this project comes with an example project out of the box. Once you clone, move into the test directory and run the following commands:

npm install
npm run ios