@foundcareers/react-native-infinite-flatlist v2.1.0

InfiniteFlatList

Installation

npm install --save @foundcareers/react-native-infinite-flatlist

Usage

import InfiniteFlatList from 'react-native-infinite-flatlist';


class Items extends React.Component {

    componentDidMount() {
      this._fetchFirstPage();
    }

    ...

    render() {
        ...
        return (
            <InfiniteFlatList
              data={items}
              renderItem={this._renderItem}
              loading={loading}
              refreshing={refreshing}
              onRefresh={this._refreshPage}
              onEndReached={this._fetchNextPage}
              emptyText="No Items"
            />
        );
    }
}

Props

Caveats

The initial data size must be large enough to reach the bottom of the screen, otherwise scroll events won't trigger.