React Native: Detect ScrollView has reached the end

detect-scroll.js

import React from 'react';
import {ScrollView, Text} from 'react-native';

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

const MyCoolScrollViewComponent = ({enableSomeButton}) => (
  <ScrollView
    onScroll={({nativeEvent}) => {
      if (isCloseToBottom(nativeEvent)) {
        enableSomeButton();
      }
    }}
    scrollEventThrottle={400}
  >
    <Text>Here is very long lorem ipsum or something...</Text>
  </ScrollView>
);

export default MyCoolScrollViewComponent;

// via From https://stackoverflow.com/questions/41056761/detect-scrollview-has-reached-the-end

Still works on react native 0.72.6

This is not working for some of the screen sizes for Android

Allah razı olsun çok uğraştım ama oldu sonunda. God bless you bro!

it is still a valuable detection in 2024 <3