Question

我有一些条目，例如20个

我以10乘10加载它们-我已经对分页进行了编程

我的问题是，如何检测用户何时到达最后一个条目？

我的条目呈现在the native-base library内部的Content组件内

我尝试了这段代码-但没有成功

<Content onEndReached={() => {
   console.log("fired"); // keeps firing
}}>

Answer 1

只要组件中的本机库支持onScroll，我认为我的代码可以为您提供帮助

我正在使用SectionList中支持onScroll个道具的React Native

这是示例：

{...import}

const isCloseToBottom = ({layoutMeasurement, contentOffset, contentSize}) => {
  return layoutMeasurement.height + contentOffset.y >=
    contentSize.height;
};

export default class foo extends...{
  <YourComponent
    onScroll={({nativeEvent}) => {
      if (isCloseToBottom(nativeEvent)) {
        if(!this.state.fetching_status){
          //what you want to do when the screen reached end of screen
          //console.log or something usefull
        }
      }
    }}
  />
}

如何检测用户是否到达屏幕末端

1 个答案: