Навигация по вложенности React 5

Question

Я должен вкладывать стековый навигатор и навигатор вкладок, навигатор стека должен содержать страницу приветствия без нижних вкладок, в то время как у дома должны быть нижние вкладки. Я пришел к этому коду, но, кажется, неправильно. Пожалуйста, помогите.

       const Stack = createStackNavigator();


function MyStack() {
  return (
    <Stack.Navigator 
    initialRouteName="HomeScreen"
    screenOptions={{
      headerShown: false
    }}
    >
    <Stack.Screen name="HomeScreen" component={HomeScreen} />
    <Stack.Screen name="Verification" component={Verification} />
  </Stack.Navigator>
  );
}
const Tab = createBottomTabNavigator();

function MyTabs() {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Documents" component={Documents} />
      <Tab.Screen name="Nearby" component={Nearby} />
    </Tab.Navigator>
  );
}
export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Navigator name="MyStack" component={MyStack} />
      </Stack.Navigator>
      <Tab.Navigator>
        <Tab.Screen name="MyTabs" component={MyTabs}/> 
      </Tab.Navigator>
    </NavigationContainer>
  );
}