Detect when at the top of a ListView

Question

I'm using a ListView component to display a simple list with section headers.

The ListView component has events for onEndReached but I could not find an onBeginningReached event.

How do you detect that a user has scrolled to the very top of the ListView?

Answer 1

There is no such callback provided. Here is a workaround in React Native .. I assume ReactJS should have something similar

<ListView onScroll={this.handleScroll.bind(this)} ... />

handleScroll(event) { console.log(event.nativeEvent.contentOffset.y); }

You can see that the value printed when scrolled on top will be negative. See if that works and help..