@lichwa/react-native-infinite-flatlist v1.0.2

@lichwa/react-native-infinite-flatlist

InfiniteFlatList is a React Native's FlatList with additional onLoadMore prop for infinite scroll.

Why would I use it instead of FlatList's onEndReached?

Because onEndReached doesn't respect if user is even scrolling down and in certain cases it's getting called on initial render.

In comparison @lichwa/react-native-infinite-flatlist additional onLoadMore prop is getting called once per scroll gesture, only when user is scrolling downwards.

Installation

npm install @lichwa/react-native-infinite-flatlist

yarn add @lichwa/react-native-infinite-flatlist

Usage

import InfiniteFlatList from '@lichwa/react-native-infinite-flatlist';


class Items extends React.Component {
    render() {
        ...
        return (
            <InfiniteFlatList
              data={items}
              renderItem={this.renderItem}
              onLoadMore={this.fetchNextPage}
            />
        );
    }
}