React-native animated.event custom onScroll listener

Question

In official react-native documentation there is a section about Animated.event method. As example they use following code:

onScroll={Animated.event(         


        

Answer 1

Write handler function like:

    handleScroll = (e) => {
        console.log(e.nativeEvent.contentOffset.y);
    }

and you can add listener like this:

    Animated.event(
       [{ nativeEvent: { contentOffset: { y: this.state.scrollY } } }],
       { listener: (event) => this.handleScroll(event) }
    )