Detect scroll end in React Native ScrollView, snap to page

Another option would be to use the snapToOffsets property which does exactly what you want.

This can be used for paginating through variously sized children that have lengths smaller than the scroll view.

I did it like this:

import React from 'react';
import {ScrollView} from 'react-native';
    
function handleInfinityScroll(event) {
   let mHeight = event.nativeEvent.layoutMeasurement.height;
   let cSize = event.nativeEvent.contentSize.height;
   let Y = event.nativeEvent.contentOffset.y;
   if (Math.ceil(mHeight + Y) >= cSize) return true;
   return false;
}
    
const HomeScreen= ({navigation}) => (
  <ScrollView
    onScroll={({event}) => {
      if (handleInfinityScroll(event)) {
        console.log("END");
      }
    }}
  >
    <></>
  </ScrollView>
);
    
export default HomeScreen;

As an option, You can use debounce package. And don't forget to clear() it.

import { debounce } from 'debounce';

...

const listenerDebounce = debounce((_) => {
    // Scroll Did End
  }, 160);

return <FlatList
  {...yourProps}
  onScroll={Animated.event(
    [{
        nativeEvent: {
            contentOffset: { y: scrollOffsetValue }
        }
    }],
    {
        useNativeDriver: true,
        listener: listenerDebounce
    },
)
/>;

...