React Native,ScrollView Paging事件

时间:2018-07-04 20:42:41

标签: react-native

我在React Native中使用带有分页的Horizo​​ntal ScrollVIew,我试图重新创建像Spotify这样的coverflow视图。视觉上是完美的,但是我想在向左或向右分页时调用一个函数,例如playNext或playPrev。有没有办法听寻呼事件和指示?

<ScrollView pagingEnabled={true} horizontal={true}>

    <CoverFlowItem page_width={D.width} width={width} height={height}
                           source={{uri: current.poster}}/>
 .....


 </ScrollView>

1 个答案:

答案 0 :(得分:1)

https://facebook.github.io/react-native/docs/scrollview#pagingenabled

有了这个道具,您将获得想要的分页。为了获得前进的方向,每次滚动时组件都需要保存偏移量。使用道具:onScrollonScrollBeginDrag和/或onScrollEndDrag访问滚动的当前偏移量。有了它,并保存了以前的内容,您可以确定滚动的方向