TabBar in der StackNavigation in React Native

Question

Ich werde StackNavigation für Push und Pop mit seinem Parameter nehmen. Es funktioniert gut. Aber jetzt möchte ich nach einigen Bildschirm TabBar nach StackNavigation implementieren, haben Sie eine Idee, wie TabBar nach StackNavigation zu nehmen.

Hinweis: Ich möchte Custom TabBar implementieren.

Bitte helfen Sie mir.

Answer 1

Sie können Ihre tabNavigator und seine stackNavigators auseinander und dann rufen sie an der Haupt stackNavigator so etwas wie

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 
    } 
}); 

Just do erklären.