Detect scroll end event when calling scrollTo on ScrollView

Question

I have a simple horizontal slider built using the ScrollView component. There is a button to go to the next slide and when pressed I call scrollTo method on that ScrollView component. I also need to detect when the scroll is finished to display some other animations. I tried using onMomentumScrollEnd and onScrollEndDrag callbacks but on android neither of them is called when I use scrollTo method. Is there any other way to detect scroll 'end' event?

Here is simple example on snack: https://snack.expo.io/@levani/forlorn-bacon

B. Mohammad · Accepted Answer · 2020-04-10 12:19:56Z

1

Try this solution, i've modified your snack

I've used onSroll listener with the function :

 const scrollDirection = (event) => {
    const offsetX = event.nativeEvent.contentOffset.x
    const dif = offsetX - (offset || 0);  
    console.log('dif',dif) 
    if (dif == 200) {
      alert('destination reached')
    } 

    setOffset(offsetX);

  };

answered Apr 10, 2020 at 12:19

B. Mohammad

2,4941 gold badge19 silver badges34 bronze badges

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

2 Comments

King Julien Over a year ago

Makes sense. Thank you!

B. Mohammad Over a year ago

You'r welcome, if you consider its a solution for your problem please check answer. Thanks

Collectives™ on Stack Overflow

Detect scroll end event when calling scrollTo on ScrollView

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related