reactjs - React Native ScrollView scrollTo 功能不起作用

Question

如果满足某个条件，我正在尝试在组件的 componentWillReceiveProps 中滚动到顶部事件......但没有任何 react :

componentWillReceiveProps(nextProps) {
     // some code...

    if (newQuery === query && this.scrollViewRef.current) {
      console.log('Should scroll to top'); // << logs successfully

      this.scrollViewRef.current.scrollTo({
        x: 0,
        y: 0,
        duration: 500,
        animated: true,
      });
    }
  }

我如何为 scrollView 创建 ref 的代码片段:

class SearchResult extends React.Component {
  constructor(props) {
    super(props);

    this.scrollViewRef = React.createRef();
  }
//...
}

渲染方法:

render () {
   return (
      <ScrollView
        ref={this.scrollViewRef}
        contentContainerStyle={{ marginVertical: 8 }}
      >
    ...
    )
}

我还尝试通过按下按钮手动滚动...也不起作用

有什么帮助吗？

Answer 1

我想通了这一点...
scrollView在一个孤立的环境中完美地工作(一个全新的项目)......

我认为问题可能出在该 ScrollView 的容器中......我发现父组件也有 ScrollView ...一旦我删除它，一切正常。