How to know the state of scroll in FlatList?

Question

How to know the state of scroll in FlatList? Such as startScroll、Scrolling、endScroll

<FlatList
    onScroll={(e) => { }}
/>

there is onScroll mothed,but it only run when Scrolling. I want to listen scroll start and end,how can i do ?

I also tried use TouchableWithoutFeedback:

<TouchableWithoutFeedback
    onPressIn={() => console.log('in')}
    onPressOut={() => console.log('out')}>
    <View><FlatList/></View>
</TouchableWithoutFeedback>

But touch events will be intercepted by TouchableWithoutFeedback, FlatList can't scroll.

Answer 1

since Flatlist inherits all ScrollView props, you can use onScrollEndDrag and onScrollBeginDrag to solve this issue:

<FlatList
    onScrollEndDrag={() => console.log("end")}
    onScrollBeginDrag={() => console.log("start")}/>

further information.