Support for Animated.event

Hey!

Thanks for a great lib.

Any way to add an onScroll Animated.event to the component for some cool animation shenanigans? 😃

Would be awesome if one could do something along the lines of

<KeyboardAwareScrollView
        style={styles.container}
        onScroll={Animated.event(
          [{ nativeEvent: { contentOffset: { y: this.state.scrollY } } }],
          { useNativeDriver: true }
        )}
      >
    <View />
</KeyboardAwareScrollView>

[jhalborg]

Cool, thanks! It works! 😃

For anyone coming across this issue, remember to make the component animated using Animated.createAnimatedComponent, otherwise it will not work. Something like:

import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
...
const AnimatedKeyboardAwareScrollView = Animated.createAnimatedComponent(
  KeyboardAwareScrollView
);
...
const scale = this.state.scrollY.interpolate({
      inputRange: [-180, 0],
      outputRange: [0.5, 1],
      extrapolate: 'clamp',
    });

    return (
      <AnimatedKeyboardAwareScrollView
        scrollEventThrottle={16}
        onScroll={Animated.event(
          [{ nativeEvent: { contentOffset: { y: this.state.scrollY } } }],
          { useNativeDriver: true }
        )}
      >...</AnimatedKeyboardAwareScrollView>

[ddxxtony]

In my case if I use this { useNativeDriver: true }, it stops working