Как определить, достиг ли пользователь конца экрана

Question

У меня есть несколько записей, например 20

Я загружаю их 10 на 10 - я уже запрограммировал нумерацию страниц

Моя проблема сейчас, как определить, когда пользователь достиг последней записи?

мои записи отображаются внутри компонента Content, который существует внутри библиотеки native-base

Я пробовал этот код - но не сработало

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

Answer 1

На всякий случай реквизиты поддержки lib на родной базе onScroll в компоненте, я думаю, что мой код может помочь вам

я использую SectionList от React Native который поддерживает реквизиты OnScroll

вот пример:

{...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
        }
      }
    }}
  />
}