当前位置 : 主页 > 网页制作 > React >

[RN] React Native 滚动跳转到指定位置

来源:互联网 收集:自由互联 发布时间:2021-06-15
React Native 滚动跳转到指定位置 一、结构 ScrollView horizontal={ true } ref ={(view) = { this .myScrollView = view; }} View/View ... ScrollView 二、实现方法 1) 先给View增加一个onLayout属性 View onLayout={ event

 React Native 滚动跳转到指定位置

 

一、结构

<ScrollView horizontal={true} ref={(view) => { this.myScrollView = view; }}>
   <View></View>
   ...
<ScrollView>

 

二、实现方法

1)先给View增加一个onLayout属性

<View onLayout={event=>{this.layoutX = event.nativeEvent.layout.x}}>

2)然后通过下面这样就可以实现滚动到指定位置:

this.myScrollView.scrollTo({ x: this.layoutX, y: 0, animated: true});

 

注意:以上代码是水平方向的跳转,垂直方向 做对应的 改变即可!

 

本博客地址: wukong1688

本文原文地址:https://www.cnblogs.com/wukong1688/p/10962020.html

转载请著名出处!谢谢~~

网友评论