React Native的Animated.ScrollView不允许我以编程方式滚动到某个位置

import { useRef } from 'react';
import { Animated } from 'react-native';

const scrollViewRef = useRef(null);

const scrollToPosition = (position) => {
  scrollViewRef.current.scrollTo({ y: position });
};

return (
  <Animated.ScrollView ref={scrollViewRef}>
    {/* Scrollable content */}
  </Animated.ScrollView>
);

import { useRef } from 'react';
import { Animated, PanResponder } from 'react-native';

const CustomScrollView = () => {
  const scrollY = useRef(new Animated.Value(0)).current;
  const panResponder = useRef(
    PanResponder.create({
      onStartShouldSetPanResponder: () => true,
      onPanResponderMove: (_, gestureState) => {
        scrollY.setValue(-gestureState.dy);
      },
      onPanResponderRelease: (_, gestureState) => {
        Animated.spring(scrollY, {
          toValue: 0,
          velocity: gestureState.vy,
          tension: 2,
          friction: 2,
          useNativeDriver: true,
        }).start();
      },
    })
  ).current;

  return (
    <Animated.View
      {...panResponder.panHandlers}
      style={{
        transform: [{ translateY: scrollY }],
      }}
    >
      {/* Scrollable content */}
    </Animated.View>
  );
};

return <CustomScrollView />;