Javascript 如何在React Native中滚动到视图?

Javascript 如何在React Native中滚动到视图?,javascript,react-native,view,focus,Javascript,React Native,View,Focus,我正在用React Native开发一个应用程序。在那里,我想在按下按钮时滚动到视图。我试过这样的东西 render() { return( <View ref={field => this.myView = field} > //something inside the view </View> ) } 但是,它不起作用 我希望得到如下GIF演示所示的结果。如何做到这一点 您应该存储ScrollViewref并使用scroll

我正在用React Native开发一个应用程序。在那里,我想在按下按钮时滚动到
视图
。我试过这样的东西

render() {
  return(
    <View ref={field => this.myView = field} >
      //something inside the view
    </View>
  )
}
但是,它不起作用

我希望得到如下GIF演示所示的结果。如何做到这一点


您应该存储
ScrollView
ref并使用
scrollViewRef.scrollTo()

render(){
返回(
this.scrollViewRef=ref}>
this.layout=event.nativeEvent.layout}
> 
//这里有些田地
)
}
然后,当出现错误时,只需滚动到字段
this.scrollViewRef.scrollTo({y:this.layout.y,animated:true})

更新:
可以找到一个工作示例。

我将给出一个工作示例,稍后我将返回给您,看看这个GitHub存储库,这里有一个工作示例。您可以使用
FlatList
scrollToIndex
处理它,并在我的演示中实现了它。
this.myView.focus()
render() {
  return(
    <ScrollView ref={ref => this.scrollViewRef = ref}>
      <View 
        // you can store layout for each of the fields
        onLayout={event => this.layout = event.nativeEvent.layout}
      > 
        // some field goes here
      </View>
    </ScrollView>
  )
}