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.
React Native | react-native-invertible-flat-list |
---|---|
0.45 | 1.1.0 |
0.44 | 1.0.0 |
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
inverted?:
?boolean
Inverts the scrolling direction of the list.
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