TabBar inSide StackNavigation in React Native

Question

我将采用StackNavigation作为Push和Pop的参数。它的工作正常。但现在我想在StackNavigation之后的一些屏幕TabBar后实现，有任何想法如何在StackNavigation之后采取TabBar。

注意：我想实现自定义TabBar。

请帮助我。

Answer 1

你可以做这样的事情

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。