button - 如何在 react 原生的按钮上滚动顶部？

Question

我在简单屏幕的底部添加了按钮，每当我按下按钮时，我都想滚动顶部。什么代码添加到按钮 onPress？，请提出任何解决方案，提前致谢。

Answer 1

我假设您在页面上使用 ScrollView，因为每当按下底部的按钮时，您都想滚动到顶部。在这种情况下，您可以使用 scrollTo({x: 0, y: 0, animated: true}) ScrollView的方法.您可以在渲染方法之前调用一个函数，如下所示:

goToTop = () => {
   this.scroll.scrollTo({x: 0, y: 0, animated: true});
}
render() {
 return (
  <ScrollView
    ref={(c) => {this.scroll = c}}
  >
    // [rest of your code here...]
    <Button title='Go To Top' onPress={this.goToTop} />
  </ScrollView>
 )
}

基本上，您必须为 scrollView 创建一个引用( ref )，然后您可以在代码中的任何位置调用其方法。

如果您不使用 ScrollView，而是使用 Flatlist 组件，它还有一个通过其 ref 公开的方法。 s 称为 scrollToOffset()。