Get current scroll position of ScrollView in React Native

Question

Is it possible to get the current scroll position, or the current page of a component in React Native?

So something like:

<         


        

Answer 1

Brad Oyler's answer is correct. But you will only receive one event. If you need to get constant updates of the scroll position, you should set the scrollEventThrottle prop, like so:

  
    Be like water my friend …
  

And the event handler:

handleScroll: function(event: Object) {
  console.log(event.nativeEvent.contentOffset.y);
},

Be aware that you might run into performance issues. Adjust the throttle accordingly. 16 gives you the most updates. 0 only one.