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。