文章目錄

在web经常会计算页面的滚动距离来实现一些特效,在RN中滚动效果大多是用ScrollView与ListView来实现的,它们都有一个onScroll回调函数,可以用如下方法来获得该组件的滚动距离,

<ScrollView
    onScroll={(event)=>{
        console.log(event.nativeEvent.contevtOffset.x);//水平滚动距离
        console.log(event.nativeEvent.contevtOffset.y);//垂直滚动距离            
    }}
/>

下图是onScroll事件目标的nativeEvent属性,还包含了组件的一些其它位置信息

文章目錄