React Native onEndReached 平面列表

Question

在 React Native FlatList 中，onEndReached 在 flatlist 到达末尾时触发。有reach start的道具吗？

我想在 flatlist 到达开始时做点什么。

谢谢你的时间。

Answer 1

你必须使用 onScroll。然后 onScroll 函数将在到达开始时触发所需的函数。还将油门设置为“0”以仅触发两次更改（仍在滚动时一次，滚动完成时一次）。

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

同时考虑禁用在 iOS 上滚动的反弹（bounces 为 false），因为反弹会导致调度事件延迟。

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

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

React Native onEndReached 平面列表

React Native onEndReached Flatlist

react-native

react-native-flatlist