/Javascript/React/React Native Expo Scrollview Scroll to bottom

React Native Expo Scrollview Scroll to bottom

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

const ScreenComponent = (props) => {
  const scrollViewRef = useRef();
  return (
    <ScrollView
      ref={scrollViewRef}
      onContentSizeChange={() => scrollViewRef.current.scrollToEnd({ animated: true })}
    />
  );
};

Source: stackoverflow.com

Similar codes

0 vote249 views1 answer
React router dom change default path
Javascript React
7 votes239 views2 answers
Insert a line break into a text component in react-native
Javascript React
0 vote267 views1 answer
React state as object
Javascript React
3 votes268 views2 answers
React get route path
Javascript React
0 vote246 views1 answer
Stop from from refresching page react
Javascript React
1 vote280 views1 answer
Double matrix iteration in react
Javascript React
0 vote251 views1 answer
React add link to button
Javascript React
4 votes295 views1 answer
Full width of image and maintain aspect ratio react native
Javascript React
1 vote244 views1 answer
React scroll to bottom of div
Javascript React
0 vote242 views1 answer
Convert table to excel reactjs
Javascript React