如何在react-native环境中使用两个'ref‘向上滚动

import React, { useRef } from 'react';
import { ScrollView, View } from 'react-native';

const ScrollableComponent = () => {
  const componentRef = useRef();
  const containerRef = useRef();

  return (
    <ScrollView ref={containerRef}>
      <View ref={componentRef}>
        {/* 内容 */}
      </View>
    </ScrollView>
  );
};

import React, { useRef } from 'react';
import { ScrollView, View, Button } from 'react-native';

const ScrollableComponent = () => {
  const componentRef = useRef();
  const containerRef = useRef();

  const handleScrollToComponent = () => {
    containerRef.current.scrollTo({
      y: componentRef.current.offsetTop,
      animated: true,
    });
  };

  return (
    <ScrollView ref={containerRef}>
      <View ref={componentRef}>
        {/* 内容 */}
      </View>
      <Button title="滚动到组件" onPress={handleScrollToComponent} />
    </ScrollView>
  );
};