React Navigation bouton sur TabNavigator

Question

fermeture de session

j'ai un TabNavigator dans un StackNavigator (dans le StackNavigator je la vue login et le TabNavigator, Wich contient les autres écrans). Le problème est que je dois faire quelque chose comme un bouton 'Logout' sur un onglet qui redirige juste vers la vue Login. Si j'essaie simplement de rediriger vers le LoginView, le TabBar apparaît toujours en bas de l'écran et ce n'est pas ce que je veux. Est-il possible de cliquer sur le bouton TabBar et de revenir au StackNavigator initial? (Comme une propriété OnPress ou quelque chose comme ça).

Voici mon routeur

const tab_bar = TabNavigator({ 
     Home: { 
     screen: HomeScreen 
     }, 
     Logout: { 
     screen: LoginView // this just show the view but the tabBar still appearing 
     }, 
    }); 

const Login = StackNavigator({ 
    login: { 
    screen: LoginView, 
    }, 
    List: { 
    screen: tab_bar 
    ,navigationOptions: {header:null} 
    } 
}, 
{ 
    initialRouteName: 'login' 
}); 

Answer 1

Fait! En utilisant la propriété tabBarOnPress et le Navigation Actions.

const tab_bar = TabNavigator({ // This tabNavigator is inside a stackNavigator, wich contains the 'login' view 
    Home: { 
    screen: Home 
    }, 
    Logout: { 
    screen: Logout  // Empty screen, useless in this specific case 
     ,navigationOptions: ({navigation}) => ({ 
      tabBarOnPress: (scene, jumpToIndex) => { 
       return Alert.alert( // Shows up the alert without redirecting anywhere 
        'Confirmation required' 
        ,'Do you really want to logout?' 
        ,[ 
        {text: 'Accept', onPress:() => { navigation.dispatch(NavigationActions.navigate({ routeName: 'login' }))}}, 
        {text: 'Cancel'} 
        ] 
       ); 
      }, 
     }) 
    }, 
}); 

Lorsque l'utilisateur clique sur le bouton logout sur le tabBar affiche une alerte pour confirmer l'action, alors si l'utilisateur accepte redirect à la vue de connexion.

NOTE (22/09/2017): Pour utiliser la propriété tabBarOnPress, téléchargez le master branch version (pas encore la version de NPM).