React Native FlatList Pagination not working - onEndReached doesn't fired

Question

I am using react-native FlatList component to list of items Pagination is not happening as expected , as per documentation onEndReached has to get fired when end of page is

Answer 1

Same thing happens with me you need to add contentContainerStyle={flex:1}

<Content contentContainerStyle={{ flex: 1 }}>

Answer 2

onEndReachedThreshold={0.5}     remove this line

Answer 3

Pass extraData prop to FlatList as extraData = {this.state} check the docs for more info.

Answer 4

You use NativeBase in your project and the Flatlist is on Content they are conflict. To solve this problem you need to remove Content