React-Native автоматически прокручивает вниз

Question

У меня есть приложение с одним ScrollView и кнопкой и длинным текстом внутри:

return (
    <ScrollView>
        <Button onPress={slowlyScrollDown} title="Slowly scroll a bit down..." />
        <Text>
              [ Very long text here where user has to scroll ]
        </Text>
    </ScrollView>
)

Когда пользователь нажимает кнопку, я хочу немного медленно прокрутить вниз, чтобы он мог видеть как первые 5-10 строк текста.

Я согласен с любым ответом, который содержит фрагмент кода, как я могу это реализовать.

Answer 1

Я не уверен, что это сработает, но это направление:

const [offset,setOffset] = useState(0);
const scrollViewRef = useRef();

const slowlyScrollDown = () => {
    const y = offset + 80;
    scrollViewRef.current.scrollTo({x: 0, y, animated: true});
    setOffset(y);
}

return (
    <ScrollView ref={scrollViewRef} >
        <Button onPress={slowlyScrollDown} title="Slowly scroll a bit down..." />
        <Text>
              [ Very long text here where user has to scroll ]
        </Text>
    </ScrollView>
)