如何滚动到react原生scrollView层次结构中的特定视图

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

const MyComponent = () => {
  return (
    <ScrollView>
      <View>
        <Text>视图1</Text>
      </View>
      <View>
        <Text>视图2</Text>
      </View>
      <View>
        <Text>视图3</Text>
      </View>
      {/* 更多视图... */}
    </ScrollView>
  );
}

export default MyComponent;

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

const MyComponent = () => {
  const scrollViewRef = useRef();

  const scrollToView = (viewIndex) => {
    if (scrollViewRef.current) {
      scrollViewRef.current.scrollTo({ y: viewIndex * VIEW_HEIGHT, animated: true });
    }
  };

  return (
    <ScrollView ref={scrollViewRef}>
      <View>
        <Text>视图1</Text>
      </View>
      <View>
        <Text>视图2</Text>
      </View>
      <View>
        <Text>视图3</Text>
      </View>
      {/* 更多视图... */}
    </ScrollView>
  );
}

export default MyComponent;