Question

我有一个问题，我不知道如何解决。在我的react native项目中，我在底部显示数据列表和少量链接。单击这些链接中的任何链接后，它会导航到同一页面，并为该点击的链接获取了新数据，但是问题是该页面永远不会滚动到顶部，其位置保持不变或有时在中间。

ArticleLink类：

return query ? $scope.choices.filter(createFilterFor(query)) : [];

export default class ArticleLink extends React.Component {
  constructor(props) {
       super(props);
       this.scrollView = null;
         this.state = {
      isLoading: true,
      data: null,
      isError: false,
  }
}

  render() {
const { params } = this.props.navigation.state;

if(params!=null) {
   getArticleLinks(params.nid).then(data => {
      this.setState({
          isLoading: false,
    data: data
      })
  }, error => {
      Alert.alert("Error", "Something happend, please try again")
  }
)
}

Answer 1

您可以通过向您的ScrollView添加参考来滚动到顶部

<ScrollView ref={(ref) => { this.scrollView = ref; }}>

当您按下链接时，您应该致电

this.scrollView.scrollTo(0)

单击链接后，滚动到顶部

1 个答案: