[RN] React Native 滾動跳轉到指定位置

 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

轉載請著名出處！謝謝~~