是否可以获取当前滚动位置或当前页面<ScrollView>
React Native 中的组件?
所以像这样:
<ScrollView
horizontal={true}
pagingEnabled={true}
onScrollAnimationEnd={() => {
// get this scrollview's current page or x/y scroll position
}}>
this.state.data.map(function(e, i) {
<ImageCt key={i}></ImageCt>
})
</ScrollView>
Try.
<ScrollView onScroll={this.handleScroll} />
进而:
handleScroll: function(event: Object) {
console.log(event.nativeEvent.contentOffset.y);
},
在另一种情况下,假设您还想实现分页
指标,你会想通过这样做更进一步:
<ScrollView
onScroll={Animated.event([{ nativeEvent: { contentOffset: { x:
scrollX } } }], {listener: (event) => handleScroll(event)})}
scrollEventThrottle={16}
>
...some content
</ScrollView>
其中,scrollX 是一个可用于分页的动画值,handleScroll 函数可以采用以下形式:
const handleScroll = (event) => {
const positionX = event.nativeEvent.contentOffset.x;
const positionY = event.nativeEvent.contentOffset.y;
};
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)