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

发布时间：2020-12-15 16:20:42 所属栏目：百科来源：网络整理

导读：?React Native 滚动跳转到指定位置 ? 一、结构 ScrollView horizontal={ true } ref ={(view) = { this .myScrollView = view; }} View/View ... ScrollView ? 二、实现方法 1）先给View增加一个onLayout属性 View onLayout={ event ={ this .layoutX = eve

?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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!