Используйте несколько экранов на одной вкладке

Здравствуйте, я использую этот код в React Native для создания вкладок. но я хочу использовать несколько экранов на одном в соответствии с нажатыми пользователем кнопками. Итак, как я могу сделать это в React Native

const TabNavigator = createBottomTabNavigator(  
    {  
      Home:{  
        screen:Screen1,  
        navigationOptions:{  
          tabBarLabel:'firsttab',  
          tabBarIcon:({tintColor})=>(  
              <Image source = {require("../../Images/react-logo.png")} style={{width : 25 , height:25}}/> 
          )  
        }  
      },

я получаю screen1, но я хочу, чтобы при нажатии firsttab я хотел переключать экраны вкладок. как я могу это сделать.


react-native screen tabs react-native-tabnavigator
person Puneet Kansal    schedule 04.12.2019    source источник
comment
Что вы имеете в виду, когда нажимаете на вкладку, я хочу переключить экран вкладок?   -  person DevAS    schedule 04.12.2019

Ответы (2)


arrow_upward
1
arrow_downward

Это похоже на то, что вам нужно создать stackNavigator и использовать его в bbottomTabNavigator. см. приведенный ниже код:

const AppStack = createStackNavigator(
  {
    HomeScreen: {
      screen: Home
    },
    AirportMeeting:{
      screen:AirportMeeting
    },
    MeetingPoint:{
      screen:MeetingPoint
    },
    DriverDetails:{
      screen:DriverDetails
    },
    },
  {

    initialRouteName:"HomeCard",

  }
);

и теперь в навигаторе нижней вкладки вы просто включаете AppStack и другие экраны,

const TabNavigator = createBottomTabNavigator({
  Home: AppStack,
  Notification:Notifications,
  Account: SettingsScreen,

});

здесь Home имеет стек приложений, а в стеке приложений есть несколько экранов. Я использую react-navigation для этого. проверьте ссылку реагировать на навигацию . .

а также я использую createStackNavigator и createBottomTabNavigator , проверьте там документы.

Надеюсь, поможет. не стесняйтесь сомнений /

person Gaurav Roy    schedule 04.12.2019

arrow_upward

arrow_downward

person    schedule
comment
Вы не должны публиковать ответы только по коду, было бы неплохо объяснить и ваш код. - person enguerranws; 04.12.2019
comment
как установить условие на нем. поэтому, если я нажму на вкладку, какой экран должен быть загружен. - person Puneet Kansal; 05.12.2019
comment
я хочу показать два экрана на одной вкладке. если условие будет истинным, то первый экран загрузится на вкладку, иначе второй экран загрузится на вкладки - person Puneet Kansal; 05.12.2019