React Native, ScrollView Paging event

Question

I'm using a Horizontal ScrollVIew with paging in react native, I'm trying to recreate the coverflow view like Spotify. visually is perfect however I want to call a function when paging left or right, like playNext or playPrev. is there a way to listen to the paging event and direction?

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

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


 </ScrollView>

Alexandre Rivest · Accepted Answer · 2018-07-05 03:13:42Z

1

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

With this props, you'll get the pagination you want. To get which way its going, you component will need to save the offset each time you scroll. use the props: onScroll, onScrollBeginDrag and/or onScrollEndDrag to access the current offset of the scroll. With it, and the one previously saved, you can determine which way the scroll is going

answered Jul 5, 2018 at 3:13

Alexandre Rivest

7045 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

DelGiudice Over a year ago

Correct prop to use is onMomentumScrollEnd

Collectives™ on Stack Overflow

React Native, ScrollView Paging event

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related