Dev Faq
2
votes

comment masquer le bouton de retour dans React-navigation / react-native

Je voudrais masquer le bouton Retour dans le coin supérieur gauche, mais je ne sais pas comment le faire avec react-navigation ou react-native.

J'ai juste essayé d'utiliser static navigationOptions = {header: null} mais le bouton était toujours actif.

J'utilisais Modal et cela fonctionne, mais je veux savoir comment masquer le bouton sans utiliser Modal .

Merci d'avance!

entrez la description de l'image ici

0 commentaires

3 Réponses :

2
votes

Je suppose que vous utilisez un StackNavigator et que vous ne voulez pas d'en-tête.

Vous devez utiliser headerMode: none dans StackNavigatorConfig. Par exemple: 

const ModalStack = createStackNavigator(
  {
    HomeScreen: { screen: Home },
    ModalScreen: { screen: Modal },
  },
  {
    headerMode: 'none',
    mode: 'modal',
  }
);

Plus d'informations dans le documents de react-navigation .

0 commentaires
1
votes

Cela dépend de la version de navigation de réaction que vous utilisez, essayez ceci 

const ModalStack = createStackNavigator(
{
  HomeScreen: { screen: Home },
  ModalScreen: { screen: Modal },
},
{
  headerMode: 'none',
  header: null
}
);

0 commentaires
1
votes

s'il s'agit de la configuration par défaut de StackNavigator, accédez à StackNavigator:

defaultNavigationOptions: { en-tête: nul, },

0 commentaires

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO