React native 如何显示分页滚动视图的当前页码?
滚动视图: 我认为代码行是可以的,但是当我将React native 如何显示分页滚动视图的当前页码?,react-native,React Native,滚动视图: 我认为代码行是可以的,但是当我将scrollView平移到下一页时,它会向后滚动。一旦我删除了\u onScroll中的代码行,问题就可以解决了,但我无法计算当前页面的num Math.round(parseFloat(event.nativeEvent.contentOffset.x/Dimensions.get('window').width)); 将解决您的问题。对于那些使用paginEnabled的人来说,这只是一个提示 您可以使用onMomentumScrollEnd,
scrollView
平移到下一页时,它会向后滚动。一旦我删除了\u onScroll
中的代码行,问题就可以解决了,但我无法计算当前页面的num
Math.round(parseFloat(event.nativeEvent.contentOffset.x/Dimensions.get('window').width));
将解决您的问题。对于那些使用
paginEnabled
的人来说,这只是一个提示
您可以使用onMomentumScrollEnd
,它仅在滚动元素“捕捉”到位时触发
<Animated.ScrollView
horizontal={true}
pagingEnabled={true}
showsHorizontalScrollIndicator={false}
onMomentumScrollEnd={(event) => console.log(event.nativeEvent.contentOffset.x)
}}
console.log(event.nativeEvent.contentOffset.x)
}}
此代码适用于我。感谢您的回答,您帮助我走出思维陷阱。现在我确信这段代码是有效的。
<Animated.ScrollView
horizontal={true}
pagingEnabled={true}
showsHorizontalScrollIndicator={false}
onMomentumScrollEnd={(event) => console.log(event.nativeEvent.contentOffset.x)
}}