TabBar inSide le StackNavigation dans React Native

Question

Je vais prendre StackNavigation pour Push et Pop avec son paramètre. Cela fonctionne bien. Mais maintenant, je veux mettre en œuvre après un écran TabBar après StackNavigation, avoir une idée Comment prendre TabBar après StackNavigation.

Remarque: Je souhaite implémenter TabBar personnalisé.

S'il vous plaît aidez-moi.

Answer 1

Vous pouvez faire quelque chose comme

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

Juste Déclarez votre tabNavigator et son dehors stackNavigators puis les appeler au stackNavigator principal.