滚动视图 onendreached 在本机反应中不起作用

Question

我在本机反应中使用滚动视图，但它的 onendreached 不起作用我如何在水平滚动视图中使用 onendreached

<Animated.ScrollView
        horizontal
        scrollEventThrottle={1}
        showsHorizontalScrollIndicator={false}
        snapToInterval={CARD_WIDTH}></Animated.ScrollView>

如果我在滚动视图中使用水平，我需要水平平面列表。然后 flatlist onendreached 不起作用。如果我从滚动视图中删除水平，则 onscroll 在滚动视图中不起作用。 所以我正在寻找一个能够加载更多数据的函数，因为它将在滚动视图结束时到达。

Answer 1

你可以在滚动视图中使用地图功能来呈现你的项目。然后你可以在 ScrollView 中使用这个方法

onScroll={({ nativeEvent }) => {
  if (isCloseToBottom(nativeEvent)) {
      ///// your code goes here
  }
}}

其中isCloseToBottom函数如下

    isCloseToBottom = ({ layoutMeasurement, contentOffset, contentSize }) => {
        const paddingToright = 20;
        return layoutMeasurement.width + contentOffset.x >= contentSize.width - paddingToright;
    };