在React Native的TabNavigator中再次按下当前选项卡时，滚动到当前选项卡的顶部

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

class Tab1Screen extends Component {
  scrollViewRef = React.createRef();

  handleTabPress = () => {
    if (this.scrollViewRef.current) {
      this.scrollViewRef.current.scrollTo({ y: 0, animated: true });
    }
  };

  render() {
    return (
      <ScrollView ref={this.scrollViewRef}>
        <View>
          <Text>Tab 1 Content</Text>
        </View>
      </ScrollView>
    );
  }
}

class Tab2Screen extends Component {
  scrollViewRef = React.createRef();

  handleTabPress = () => {
    if (this.scrollViewRef.current) {
      this.scrollViewRef.current.scrollTo({ y: 0, animated: true });
    }
  };

  render() {
    return (
      <ScrollView ref={this.scrollViewRef}>
        <View>
          <Text>Tab 2 Content</Text>
        </View>
      </ScrollView>
    );
  }
}

const TabNavigator = TabNavigator(
  {
    Tab1: { screen: Tab1Screen },
    Tab2: { screen: Tab2Screen },
  },
  {
    tabBarOptions: {
      onPressTab: (tabIndex) => {
        if (tabIndex === currentTabIndex) {
          // Handle tab press
          // Call handleTabPress method of the current tab screen component
        }
      },
    },
  }
);