Как передать и прочитать параметры в вложенных навигаторах верхней панели?

#reactjs #navigation #expo #react-native-android

Вопрос:

 const TopTab = createMaterialTopTabNavigator();

export const TopNavigator = () => {
  return (
      <TopTab.Navigator>
        <TopTab.Screen name="profile" component={profile} />
        <TopTab.Screen name="setting" component={setting} />
      </TopTab.Navigator>
  );
}
const MainMenuStackNavigator = createStackNavigator();

export const MainMenuNavigator = () => {
  return (
    <MainMenuStackNavigator.Navigator screenOptions={defaultNavOptions}>
      <MainMenuStackNavigator.Screen name="home" component={homeScreen}/>
      <MainMenuStackNavigator.Screen name="tab" component={TopNavigator }/>
    </MainMenuStackNavigator.Navigator>
  );
};


function HomeScreen() {
  return (
    <View>
      <Text>Home!</Text>
      <Button
        title="Go to Top Navigator Screen"
        onPress={() => {props.navigation.navigate({name: "tab",params:{data: "Testing"}});}}
      />;
    </View>
  );
}
export default function App() {
  return (
    <NavigationContainer>
        < MainMenuNavigator />
    </NavigationContainer>
  );
}
 

Нужно передать данные с главного экрана на экран «Профиль» и «Настройки»
. Я знаю, как передавать данные с главного экрана на любой из этих экранов,

 props.navigation.navigate(tab, {
        screen: "profile",
        params: { data: 'testing'}
});
 

но здесь мой вопрос: «как отправлять данные на оба экрана(профиль и настройки)?