首页 > 其他 > 详细

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

时间:2019-06-02 11:24:50      阅读:718      评论:0      收藏:0      [点我收藏+]

 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

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

 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!