/Javascript/React/How to detect onend reach of scrollview in react native

How to detect onend reach of scrollview in react native

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;

Source: stackoverflow.com

Similar codes

3 votes206 views1 answer
React tooltip data-tip
Javascript React
-2 votes250 views2 answers
How to play around with backend node js and frontend react
Javascript React
0 vote219 views1 answer
Most common use cases of portals in react
Javascript React
0 vote233 views1 answer
How is react different from normal js
Javascript React
1 vote268 views2 answers
How to place text input cursor to start in react native
Javascript React
2 votes202 views1 answer
Range slider mui can't slide
Javascript React
1 vote240 views1 answer
Toggle drawer react native
Javascript React
0 vote250 views1 answer
How to get property names from object using map method react
Javascript React
142 votes381 views5 answers
Install react
Javascript React
1 vote236 views1 answer
How to define state in react function
Javascript React