Навигация по экрану из стеканавигатора не показывает

Question

У меня есть нижний счетчик и стекавигатор.Когда я перемещаюсь к экрану в stacknavigator, bottomtabnavigator не отображается на экране.Есть ли способ показать нижний вкладчик на экранах из stacknavigator?

Ниже приведены коды моего навигатора:

const TabNavigator = createBottomTabNavigator(
  MainTabNavigator
);

const stackScreens = createStackNavigator({
    profile: {screen: ProfileScreen},
    loginform: {screen: LoginFormScreen},
    merchant: {screen : merchantScreen},
    registerform: {screen: RegisterFormScreen},
    offer:{screen: offerScreen},
});

const navigator = createStackNavigator({
    TabNavigator,
    stackScreens,
});

Answer 1

Это взято из реактивной навигационной документации , и это дает хороший пример того, как комбинировать stackNavigators и tabNavigators

см. Полный пример рабочего примера

const HomeStack = createStackNavigator({
  Home: { screen: HomeScreen },
  Details: { screen: DetailsScreen },
});

const SettingsStack = createStackNavigator({
  Settings: { screen: SettingsScreen },
  Details: { screen: DetailsScreen },
});

export default createAppContainer(createBottomTabNavigator(
  {
    Home: { screen: HomeStack },
    Settings: { screen: SettingsStack },
  },
));