Javascript 如何在React Native中滚动到视图?
我正在用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
视图
。我试过这样的东西
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>
)
}