Reaction Native on EndReach平面列表 [英] React Native onEndReached Flatlist

问题描述

在Reaction NativeFlatList中，onEndReached在平面列表到达End时触发。Reach Start有什么道具吗？

当Flat List到达Start时，我想做点什么。

感谢您抽出时间。

推荐答案

您必须使用onScroll。然后onScroll函数将在开始时触发所需的函数。同时将限制值设置为‘0’将仅触发两次更改(一次在仍在滚动时，一次在滚动完成时)。

您还可以将contentOffset.y的比较配置为与第一个项目的内容高度进行比较。

还应考虑禁用iOS上的滚动退回(bounces设置为False)，因为退回会导致事件调度延迟。

我会在这里添加一个Snack.expo.io示例，但目前它似乎非常慢。

<FlatList
  onScroll={({ nativeEvent }) => {
    if (nativeEvent.contentOffset.y === 0) {
      // DO THE MAGIC
    }
  }}
  scrollEventThrottle={0}
  ... />

这篇关于Reaction Native on EndReach平面列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！