Реагировать Навигация Объединение навигаторов

Question

Итак, я начинаю с реактивной разработки и пытаюсь объединить два разных типа навигаторов с реагирующей навигацией 5.x

По сути, у меня есть нижний навигатор навигатора, который настроен следующим образом this

<NavigationContainer>
  <Tab.Navigator
    configs
  >
    <Tab.Screen
      name="Profile"
      component={ProfileScreen}
      options={{
        tabBarLabel: '',
      }}
    />
    <Tab.Screen
      name="Home"
      component={HomeScreen}
      options={{
        tabBarLabel: '',
      }}
    />
    <Tab.Screen
      name="LeaderBoard"
      component={LeaderBoardScreen}
      options={{
        tabBarLabel: '',
      }}
    />
  </Tab.Navigator>
</NavigationContainer>

И затем мне нужно получить простой стековый навигатор в HomeScreen просто для перехода на другой экран, но для того, что я понял об этой версии навигации React, нет способа установить этот навигатор без рендеринга компонента страницы. Мне нужно что-то вроде

<Stack.Navigator>
<Stack.Screen name="Home" component={HomeScreen} />
<Stack.Screen name="EditInfo" component={EditInfoScreen} />

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

Это для моего последнего проекта в школе, я был бы очень признателен за вашу помощь, спасибо.