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

是的，可以使用React原生ScrollView组件的onScroll钩子来制作动画。ScrollView是React Native中用于滚动视图的组件，它提供了onScroll钩子来监听滚动事件。

要制作动画，可以在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;

在上面的代码中，我们创建了一个名为scrollY的Animated.Value，它用于保存滚动的位置。然后，我们使用Animated.event将滚动事件与scrollY关联起来，以便在滚动时更新scrollY的值。

接下来，我们定义了一个animatedStyle对象，其中包含了根据滚动位置改变的样式。在这个示例中，我们使用scrollY的插值来实现透明度和垂直位移的动画效果。

最后，我们将animatedStyle应用到一个Animated.View组件上，这样在滚动时，该组件的样式会根据滚动位置而改变。

这只是一个简单的示例，你可以根据具体需求来定义更复杂的动画效果。关于React Native的ScrollView组件和Animated模块的更多信息，你可以参考腾讯云的React Native开发文档：React Native开发文档。