IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

React Discussion :

Personnalisez la navigation dans des Tab.Navigator


Sujet :

React

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    août 2004
    Messages
    186
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : août 2004
    Messages : 186
    Points : 79
    Points
    79
    Par défaut Personnalisez la navigation dans des Tab.Navigator
    Bonjour à tous,

    Je débute dans l'utilisation de réact-native et je bute depuis quelques ... longues heures, sur la personalisation de ma navigation :
    J'ai un menu du type :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
           <Stack.Screen name="Login" component={Login} options={{headerShown: false}} />
            <Stack.Screen name="Home" component={Home} options={{headerShown: false}}  />  /* <= Tab.navigator =>
            <Stack.Screen name="ClientFiche" component={ClientFiche} options={{headerShown: true}}/><= Tab.navigator =>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
     
    export default function App() {
     ....
      function Home({ navigation, route }) {
        return (
          <Tab.Navigator >
            <Tab.Screen name="Dashboard" component={Dashboard}/>
            <Tab.Screen name="ClientSearch" component={ClientSearch}/>
            <Tab.Screen name="Contact" component={Contact}/>
          </Tab.Navigator>
        );
     
    function ClientFiche({ navigation, route }) {
       return (
          <Tab.Navigator>
            <Tab.Screen name="Alerte" component={Alerte}/>
            <Tab.Screen name="Surveillance" component={Surveillance}/>
            <Tab.Screen name="Capteur" component={Capteur}/>
          </Tab.Navigator>
       );
    Je cherche à mettre en place le comportement suivant ... bloquer la navigation dans les tabs par le bouton retour du mobile.
    C'est à dire si l'utilisateur est dans le :
    - Tab Home ( screen : ClientSearch ou contact ) et qu'il utilise le bouton du mobile «back», je veux le rediriger sur la screen «Dashboard»
    - Tab ClientFiche sur n'importe quelle screen et qu'il utilise le bouton du mobile «back», je veux le rediriger sur la screen «ClientSearch»

    J'ai tenté l'utilisation du paramètre behavior et de côté cette fonctionnalité .... sans succès

    Quelqu'un aurait-il une piste ?
    Merci par avance.

  2. #2
    Membre régulier
    Profil pro
    Inscrit en
    août 2004
    Messages
    186
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : août 2004
    Messages : 186
    Points : 79
    Points
    79
    Par défaut
    J'ai modifié mon code pour :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    export default function App() {
      let backUsed = false;
     
      BackHandler.addEventListener('hardwareBackPress', function () {
        backUsed = true;
      });
    ...
            <Tab.Screen name="Alerte" component={Alerte}
              listeners={{blur: (e) => {if (backUsed) { e.preventDefault(); navigation.navigate('ClientSearch'); backUsed = false;}}}}
            />
    Le comportement est celui attendu en live, mais en release je retrouve le comportement natif de la navigation.

    Quelqu'un aurait une idée du pourquoi ?

Discussions similaires

  1. [WD-2013] Navigation dans des tableaux
    Par activeforce dans le forum Word
    Réponses: 3
    Dernier message: 12/11/2018, 09h15
  2. [Débutant] Navigation dans des tables
    Par mafooley dans le forum C#
    Réponses: 6
    Dernier message: 30/03/2016, 09h50
  3. [AC-2010] Pb identifiant dans des formulaires de navigation
    Par Cic-ec dans le forum IHM
    Réponses: 3
    Dernier message: 11/05/2011, 09h09
  4. [A-00] Navigation dans des onglets
    Par ellak dans le forum IHM
    Réponses: 3
    Dernier message: 10/10/2008, 06h32
  5. affichage données dans des tabs
    Par cdespont dans le forum VBA Access
    Réponses: 0
    Dernier message: 25/01/2008, 15h43

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo