我正在开发React Native上的应用程序。我创建了通知组件。我创建了两个未读和已读选项卡。单击通知将立即在API上读取。当我输入FlatList并且只有一项时,OnEndReachedThreshold会自动工作。不想要这个。如果数据大于10,让它起作用。希望您理解。我的英语不好,抱歉。
示例代码行
<FlatList
data={notifyReadData}
renderItem={({item}) =>
<ListItem
title={item.userName}
subtitle={Moment(item.createdAt, 'YYYY-MM-DD HH:mm:ss', true).add(3, 'hour').format("DD.MM.YYYY HH:mm")}
leftIcon={<Icon
name='bell-o'
size={24}
color='black'
/>}
bottomDivider={true}
/>
}
keyExtractor={this.keyExtractor}
refreshing={isRefreshing}
onRefresh={this.handleRefresh}
onEndReached={this.handleLoadMore}
onEndReachedThreshold={0.01}
/>
答案 0 :(得分:0)
目前在RN中这是很常见的问题。有一些解决方案,如果您谷歌。一种是使用onMomentumScrollBegin
<FlatList
data={notifyReadData}
renderItem={({item}) =>
<ListItem
title={item.userName}
subtitle={Moment(item.createdAt, 'YYYY-MM-DD HH:mm:ss', true).add(3, 'hour').format("DD.MM.YYYY HH:mm")}
leftIcon={<Icon
name='bell-o'
size={24}
color='black'
/>}
bottomDivider={true}
/>
}
keyExtractor={this.keyExtractor}
refreshing={isRefreshing}
onRefresh={this.handleRefresh}
onEndReached={this.state.scrolled && this.handleLoadMore()}
onEndReachedThreshold={0.01}
onMomentumScrollBegin={this.setState({scrolled: true})
/>
另一个是您自己实现onScroll。