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)
  }}