代码之家  ›  专栏  ›  技术社区  ›  Kirit Modi

React Native中StackNavigation内的选项卡

  •  0
  • Kirit Modi  · 技术社区  · 9 年前

    我会的 StackNavigation

    enter image description here

    请帮帮我。

    1 回复  |  直到 9 年前
        1
  •  2
  •   Jose Vf    8 年前

    你可以这样做

    let StackWithTabs1 = StackNavigator({ // stackNavigator inside the tabNavigator
      Screen3:{
        screen: Screen3
      }
      ,Screen4:{
        screen: Screen4
      }
    });
    
    let StackWithTabs2 = StackNavigator({ // stackNavigator inside the tabNavigator
          Screen5:{
            screen: Screen5
          }
          ,Screen6:{
            screen: Screen6
          }
        });
    
    let tab_bar = TabNavigator({
          StackWithTabs1 : {
            screen: StackWithTabs1 // Calling the stackNavigators that going to go inside the tabNavigator
          },
          StackWithTabs2 : {
            screen: StackWithTabs2 
          }
        });
    
    let InitialStackNavigator = StackNavigator({
      Screen1: {
        screen: Screen1
      },
      Screen2: {
        screen: Screen2
      },
      tabBar: {
        screen: tab_bar // Calling the tabNavigator, wich contains the other stackNavigators
      }
    });
    

    只需申报您的 tabNavigator stackNavigators 分开,然后打电话给他们 stackNavigator