有没有办法用react原生ScrollView onScroll钩子来制作动画？

import React, { useState } from 'react';
import { ScrollView, Animated } from 'react-native';

const MyComponent = () => {
  const [scrollY] = useState(new Animated.Value(0));

  const handleScroll = Animated.event(
    [{ nativeEvent: { contentOffset: { y: scrollY } } }],
    { useNativeDriver: true }
  );

  const animatedStyle = {
    opacity: scrollY.interpolate({
      inputRange: [0, 100],
      outputRange: [1, 0],
      extrapolate: 'clamp'
    }),
    transform: [
      {
        translateY: scrollY.interpolate({
          inputRange: [0, 100],
          outputRange: [0, -100],
          extrapolate: 'clamp'
        })
      }
    ]
  };

  return (
    <ScrollView onScroll={handleScroll}>
      <Animated.View style={animatedStyle}>
        {/* Your content */}
      </Animated.View>
    </ScrollView>
  );
};

export default MyComponent;