Scroll to top of ScrollView

Question

Is there a way to scroll to the top of a ScrollView in response to a button press?

I can force a re-render of the whole page but that seems very inefficient.

Answer 1

1. First add a ref attribute to your ScrollView component. Example: <ScrollView ref='_scrollView'>
2. Then wherever you want to scroll to top do this Example: onPress={() => { this.refs._scrollView.scrollTo(0); }}

Answer 2

in functional components

import { useRef } from 'react';  const scrollRef = useRef();  const onPressTouch = () => {   scrollRef.current?.scrollTo({     y: 0,     animated: true,   }); }  <ScrollView ref={scrollRef}>   ...your elements </ScrollView>  <TouchableOpacity onPress={onPressTouch}></TouchableOpacity>