使用reanimated，redash的react原生动画onScroll的问题

import { ScrollView } from 'react-native';

const MyComponent = () => {
  const handleScroll = (event) => {
    // 在这里处理滚动事件，触发相应的动画
  };

  return (
    <ScrollView onScroll={handleScroll}>
      {/* 组件内容 */}
    </ScrollView>
  );
};

import { useSharedValue, useAnimatedScrollHandler, interpolate } from 'react-native-reanimated';

const MyComponent = () => {
  const scrollY = useSharedValue(0);

  const handleScroll = useAnimatedScrollHandler((event) => {
    scrollY.value = event.contentOffset.y;
  });

  const animatedStyle = {
    opacity: interpolate(scrollY.value, [0, 100], [1, 0]),
    transform: [
      { scale: interpolate(scrollY.value, [0, 100], [1, 0.5]) },
      { translateY: interpolate(scrollY.value, [0, 100], [0, -100]) },
    ],
  };

  return (
    <ScrollView onScroll={handleScroll} scrollEventThrottle={16}>
      <Animated.View style={animatedStyle}>
        {/* 动画内容 */}
      </Animated.View>
    </ScrollView>
  );
};