React Native: Показать bottomTabNavigator на всех страницах

Question

Я пытаюсь заставить bottomTabNavigator показываться на всех экранах.Вот как я настроил свою систему, я пока не совсем понимаю, как работает реагирующая навигация, но, исходя из прочитанного, кажется, что bottomTabNavigator должен быть компонентом верхнего уровня с добавленными в него стековыми навигаторами.Я просто не уверен, как это сделать.

AppNavigator.js

export default createAppContainer(
  createSwitchNavigator({
    Main: MainTabNavigator,
    Landing: LandingScreen,
    Menu: MenuNavigator

  })
);

MainTabNavigator.js

...

const tabNavigator = createBottomTabNavigator({
  HomeStack,
  CalendarStack,
  BoardStack,
  MomentsStack
});

tabNavigator.path = '';


export default tabNavigator;

MenuNavigator.js

const MenuNavigator= createStackNavigator({
    Settings: { screen: SettingsScreen },
    Contact: {screen: ContactScreen},
    Faq: {screen: FaqScreen},
    Help: {screen: HelpScreen}

  });

export default MenuNavigator;

Answer 1

Экран главной вкладки, включите эту навигационную функцию, navigationOptions:{tabBarVisible:true}

const Tabs=createBottomTabNavigator({ myorder:{screen:MyOrderScreens, navigationOptions:{ tabBarLable:'Myorder', tabBarVisible:true, tabBarIcon:({navigation})=>( <Image source={require('./images/orders_1.png')} style={{width:30,height:30}}/> ) } },

Answer 2

если вы хотите иметь нижние вкладки на всем экране вашего приложения, вы должны создать вот так

const tabNavigator = createBottomTabNavigator({
  HomeStack,
  CalendarStack,
  BoardStack,
  MomentsStack
});
and
export default createAppContainer(
  createSwitchNavigator({
    Main: tabNavigator ,
   ,
   

  })
);

Answer 3

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

Answer 4

просто добавьте путь в createBottomTabNavigator с помощью createStackNavigator.Например, я должен перейти к настройкам и контакту из домашней навигации

const tabNavigator = createBottomTabNavigator({
  Home:createStackNavigator({
      HomeStack,
      SettingsScreen,
      ContactScreen,
    }),
  CalendarStack,
  BoardStack,
  MomentsStack
});