ScrollView的滚动

最新推荐文章于 2022-01-18 18:36:25 发布

weixin_30371875

最新推荐文章于 2022-01-18 18:36:25 发布

阅读量158

点赞数

原文链接：http://www.cnblogs.com/lgp142332/p/7559984.html

版权

1、ScrollView有一个方法叫scrollTo,

使用示例：

scrollTo({x: 0, y: 0, animated: true})

x表示水平方向滚动的距离

y表示垂直方向滚动的距离

有了这个方法你就可以让ScrollView里面的组件想滚动到哪

就滚动到哪

调用示例如下

组件挂载的时候，ref是个回调函数，参数就是这个组件实例

<ScrollView
ref={(scrollView) => { this._scrollView = scrollView; }} >

</ScrollView>

 presstoscroll(){
    this._scrollView.scrollTo({y:200});
    }

2、ScrollView(ListView,FlatList)有一个属性叫onScroll

这是监听你的手指在滑动过程中的监听函数，可以监听到你在水平方向

或者垂直方向滚动了多少距离。

使用示例如下：

<ScrollView 
        contentContainerStyle=    
         {{justifyContent:"center",alignItems:"center",marginTop:10}}

        onScroll = {(event) => {
                        this._onScroll(event);
                   }}
         >
</ScrollView>

_onScroll(event){
    var scrollView = event.nativeEvent;
        var x = scrollView.contentOffset.x;
        var y = scrollView.contentOffset.y;
        console.log("_onScroll"+y);
     
  }