滚动到 ScrollView 的顶部

Question

有没有办法滚动到 ScrollView 的顶部以响应按钮按下？

我可以强制重新 render 整个页面，但这似乎非常低效。

原文由 George B 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以运行 ScrollView 的“scrollTo”方法。 查看源代码。

您可以通过设置 ref 属性并使用 this.refs 来引用 ScrollView 组件，如下所述： https ://facebook.github.io/react/docs/more-about-refs.html

原文由 Jarek Potiuk 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在功能组件中

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>

原文由 Iman Roosta 发布，翻译遵循 CC BY-SA 4.0 许可协议