Use Recompose with Animated

recompose-animated.jsx

// from: https://github.com/acdlite/recompose/issues/427#issuecomment-320080852
compose(
  withState(
    'interaction',
    'setInteraction',
    // Props get passed in here, but we're ignoring them.
    () => {
      const interaction = {
        scrollPositionY: new Animated.Value(0),
      };
      
      interaction.scrollEventY = Animated.event(
        [{ nativeEvent: { contentOffset: { y: interaction.scrollPositionY } } }],
        { useNativeDriver: true },
      );

      return interaction;
    },
  )
)((props) => (
  <Animated.ScrollView
    onScroll={props.interaction.scrollEventY}
    scrollEventThrottle={1}
  >
    <View>
      {console.log(props.interaction.scrollPositionY)}
    </View>
  </Animated.ScrollView>
));