[iOS] If you scroll fast to the top onLoadEarlier is not invoked

Issue Description

If you scroll to the top slowly all works good but if you scroll very fast then onLoadEarlier is not invoked

Steps to Reproduce / Code Snippets

<GiftedChat messages={mapMessages(messages)} loadEarlier onLoadEarlier={loadMoreMessages} renderLoadEarlier={() => { return isLoadingEarlier ? ( <View style={{ marginBottom: 20, marginTop: 10 }}> <ActivityIndicator /> </View> ) : null; }} infiniteScroll

Expected Results

onLoadEarlier should be invoked

Additional Information

• Nodejs version: v14.15.4
• React version: 16.13.1
• React Native version: 0.63.3
• react-native-gifted-chat version: 0.16.3
• Platform(s) (iOS, Android, or both?): iOS 14.4.2
• TypeScript version: no typescript

[kalek]

Yes I used listViewProps

` <GiftedChat messages={this.state.messages} listViewProps={{ scrollEventThrottle: 400, onScroll: ({ nativeEvent }) => { if (this.isCloseToTop(nativeEvent)) { this.setState({refreshing: true}); this.loadMoreChat(); } } }} onSend={messages => this.onSend(messages)} user={{ _id: 2, }} />

isCloseToTop({ layoutMeasurement, contentOffset, contentSize }) { const paddingToTop = 80; return contentSize.height - layoutMeasurement.height - paddingToTop <= contentOffset.y; } `

[stale[bot]]

Sorry, but this issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. BTW Thank you for your contributions 😀 !!!