How to know the state of scroll in FlatList?

react-native

Solution

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.

Problem

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.

Original source