react原生如何将数据从选项卡屏(子屏幕)发送到导航容器屏幕(主屏幕)

npm install @react-navigation/native

import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';

const Tab = createMaterialTopTabNavigator();

function TabScreen() {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Screen1" component={Screen1} />
      <Tab.Screen name="Screen2" component={Screen2} />
      {/* 其他选项卡屏组件 */}
    </Tab.Navigator>
  );
}

function Screen1({ navigation }) {
  const sendData = () => {
    const data = '这是要发送的数据';
    navigation.navigate('Main', { data });
  };

  return (
    <View>
      <Button title="发送数据" onPress={sendData} />
      {/* 其他组件内容 */}
    </View>
  );
}

function MainScreen({ route }) {
  const { data } = route.params;

  return (
    <View>
      <Text>接收到的数据：{data}</Text>
      {/* 其他组件内容 */}
    </View>
  );
}

import { NavigationContainer } from '@react-navigation/native';

function App() {
  return (
    <NavigationContainer>
      <TabScreen />
      <Stack.Navigator>
        <Stack.Screen name="Main" component={MainScreen} />
        {/* 其他导航屏幕 */}
      </Stack.Navigator>
    </NavigationContainer>
  );
}