React Native onEndReached Flatlist

时间:2017-10-24 11:05:06

标签: react-native react-native-flatlist

在React Native FlatList中,当flatlist到达时,会触发 onEndReached 。伸手可及的道具有什么道具吗?

我想在平板列表开始时做点什么。

感谢您的时间。

1 个答案:

答案 0 :(得分:2)

您必须使用onScroll。然后 onScroll 函数将在到达开始时触发所需的功能。同时将油门设置为“0”以仅触发两次更改(一次滚动时,一次滚动完成时)。

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

同时考虑禁用在iOS上滚动的跳出(bounces为false),因为跳出会导致调度事件延迟。

我在这里添加了一个snack.expo.io示例,但此刻它似乎很慢。

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