Breaking News: Grepper is joining You.com. Read the official announcement!

how to detect onend reach of scrollview in react native

Tame Teira answered on October 8, 2020 Popularity 8/10 Helpfulness 6/10

answer how to detect onend reach of scrollview in react native

how to detect onend reach of scrollview in react native

Comment

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;

Popularity 8/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: detect javascript react-native scrollview

Link to this answer
Share Copy Link

Contributed on Oct 08 2020

Tame Teira

0 Answers Avg Quality 2/10

how to detect onend reach of scrollview in react native

Contents

More Related Answers

how to detect onend reach of scrollview in react native

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.