Как сделать StackNavigator и BottomTabNavigator на одном уровне?

Question

[Ceretean]

Есть приложение в котором есть 10+ страниц, для них нужно сделать StackNavigation и при этом внизу должен отображаться BottomTabNavigation в котором только 3 страницы из StackNavigation, как это лучше реализовать?

Answer 1

[Сергей Пантелеев]

На одном уровне – никак, можно положить StackNavigation в BottomTabNavigation и там уже прописать переходы.

Например так

const AppNavigator = createBottomTabNavigator({
  RootScreenA: {
    screen: createStackNavigator({
      ChildScreenA: {
        screen: ChildScreenA,
      },
      ChildScreenB: {
        screen: ChildScreenA,
      },
    }),
  },
  RootScreenB: {
    screen: createStackNavigator({
      ChildScreenA: {
        screen: ChildScreenA,
      },
      ChildScreenC: {
        screen: ChildScreenC,
      },
    }),
  },
  RootScreenC: {
    screen: createStackNavigator({
      ChildScreenD: {
        screen: ChildScreenD,
      },
      ChildScreenE: {
        screen: ChildScreenE,
      },
    }),
  },
});
const App = createAppContainer(AppNavigator);