`onEndReached` does not start in animated ScrollView

Question

I'm currently trying to implement an auto-negotiation header in my reaction-based application. Thanks to this example, I managed to do it, but it broke something. Indeed, my method is onEndReachedno longer called when I get to the end of the list. I also used an RefreshControlimplementation component pull-to-refreshthat worked, but this AnimatedScrollViewone seems to interfere with the classic ListView functions.

I created the component AnimatedScrollViewas follows:

const AnimatedScrollView = Animated.createAnimatedComponent(ScrollView);

And here is my component rendering:

<View>
  <AnimatedScrollView
    ...someProps
  >
    <ListView
        ...someOtherProps
    />
  </AnimatedScrollView>
  <Animated.View>
    <Text>My Header Title</Text>
  </Animated.View>
</View>

As I said, I’m sure scroll functions AnimatedScrollViewoverwrite tags ListView, but I have no idea how to fix this ...

/ , , :)

, , someProps, , , .