Alors maintenant, nous travaillons un peu avec la navigation, nous pouvons avancer et reculer.
Vous apprendrez à ajouter des icônes et des boutons d'action ici à cet en-tête, comment styliser et contrôler l'en-tête en général, comment transmettre des
données et ce sont toutes des choses cruciales pour les applications mobiles que vous construisez avec React Native Bien
sûr, ce sont des choses que vous allez faites-le encore et encore lorsque vous travaillez avec React Native
pour créer des applications.
Maintenant, ce n'est pas la seule forme de navigation que nous pouvons mettre en œuvre bien que nous puissions également
appuyer sur en bas afin que nous puissions basculer entre les différentes sections de son
application qui, bien sûr, font toutes un modèle typique que vous connaissez des applications mobiles et qui est également
le modèle J'ai esquissé au début de ce module, je veux avoir deux robinets dans son application, un pour tous nos repas ou dans ce
cas toutes nos catégories et un pour nos repas préférés, les repas que nous avons marqués comme favoris.
Cela nous amène bien sûr à une question importante: comment ajouter des taps lorsque l'on travaille avec React Navigation.
Et ce n'est heureusement pas trop difficile.
Passons à notre navigateur James, le fichier de navigation, où nous avons configuré la navigation et là, nous avons créé
un navigateur de pile.
Vous avez besoin d'un navigateur de pile chaque fois que vous avez des pages d'écran dans votre application qui sont connectées à
un tel flux vers l'arrière.
C'est la navigation de pile typique.
Ce que nous utilisons ici, bien sûr, en aura toujours besoin, même si nous avons maintenant tous les clics sur l'annonce.
La bonne chose est que vous pouvez simplement avoir plusieurs navigateurs dans votre application et c'est exactement ce
que font maintenant la navigation Rick en plus du navigateur de pile qui crée la fonction de navigateur de pile.
Nous pouvons également importer créer le navigateur de l'onglet inférieur et cela fait exactement ce que cela ressemble, il nous permet de
créer un navigateur qui fonctionne avec des tapotements en bas.
Donc, créez le navigateur de l'onglet inférieur et c'est simplement que nous pouvons créer
ce navigateur supplémentaire à côté de notre navigateur de repas. les commandes et les commandes de
roue sont des repas et des favoris avec des robinets et
j'appelle créer le navigateur de l'onglet inférieur et stocker le résultat de cela dans cette
constante.
Le résultat de cette justice avant pour le navigateur de pile n'est pas la fin d'un composant de réaction.
Nous pouvons donc stocker cela ici et nous pourrons bientôt utiliser la distance.
Maintenant, comment pouvons-nous configurer ce navigateur d'onglets, tout comme le navigateur de pile, le navigateur d'onglets prend l'objet
où nous devons l'informer des différents robinets, pour ainsi dire les différentes sections sur différents écrans que
vous souhaitez charger lorsque nous cliquons sur différents robinets et là j'ai deux onglets dont je veux un
onglet devrait être ce que nous voyons ici.
Donc, notre pile à la fin non seulement cet écran, mais toutes les fonctionnalités pour passer à un autre écran.
Je veux donc avoir la pile entière ici dans un onglet et un écran différent ou
une pile différente dans l'onglet Abbott et la bonne chose est que vous pouvez utiliser une pile ou tout autre navigateur comme écran dans ce navigateur.
Donc, ce que vous pouvez faire ici, c'est que vous pouvez configurer un identifiant.
Appelons-le peut-être repas.
Cela dépend entièrement de ce nom.
Et maintenant, vous pouvez pointer un écran ici.
Vous pouvez également utiliser cette forme longue avec écran, mais je vais utiliser le raccourci et pointer directement
sur un écran ici à l'écran ajouter que vous pointez ici peut même être juste un composant de réaction comme nous l'avons créé ici dans
le dossier screens ou.
Eh bien depuis cette année, comme je l'ai mentionné, tous les retours sont de vrais composants.
Il peut également être le résultat de la création d'un navigateur de pile.
Donc, en effet, je vais utiliser le navigateur de repas ici comme écran à charger pour l'onglet des repas.
En effet, c'est ainsi que cela fonctionne, c'est ainsi que nous pouvons configurer cela.
Voilà donc notre premier robinet.
Le deuxième onglet sera nos favoris et là.
Je n'ai pas encore de pile.
Nous pourrions peut-être en ajouter un plus tard, mais pour l'instant je vais simplement pointer vers l'écran des favoris, alors importons les favoris morts.
Écran ici dans l'écran des favoris d'importation de fichiers du navigateur de repas du dossier des écrans et ce sont des écrans
de favoris comme celui-ci.
Et maintenant, pointez simplement sur l'écran favori ici pour notre identifiant de favoris dans le navigateur de l'onglet inférieur.
Voilà comment nous pouvons facilement configurer un onglet Navigateur.
La question est maintenant de savoir comment l’utiliser.
Eh bien, à la fin, c'est maintenant ce navigateur que nous voulons utiliser comme navigateur d'itinéraire dans l'application,
car il comprend notre navigateur de repas existant.
Et cela nous permet également d'accéder à l'écran préféré.
Donc à la fin, j'utilise simplement cette année dans mon conteneur d'application au lieu du navigateur de
repas, car le navigateur de repas est maintenant imbriqué dans ce navigateur d'onglets et c'est ainsi que vous pouvez combiner plusieurs navigateurs
dans une application native pilotée par la navigation en rack, car vous pouvez simplement mélangez et associez-les ensemble.
Vous avez toujours un navigateur d'itinéraire qui se trouve dans le conteneur de votre application et il est logique que
vous ayez un point d'entrée vers votre application, mais ce navigateur d'itinéraire peut bien sûr avoir nos navigateurs imbriqués comme nous l'avons ici pour ce
robinet où nous pointons vers le navigateur de repas et si nous économisons maintenant en toute sécurité et notre application redémarre donc
vous voyez maintenant nous avons des onglets en bas ici et nous pouvons cliquer dessus pour aller à notre
pile de repas ici et nous pouvons utiliser cette pile comme avant, mais je peux également passer aux favoris revenir à ma pile
qui maintient même qu'il était indiqué et c'est ainsi que nous pouvons facilement ajouter des tâches.
Même chose sur Android bien sûr.
Maintenant, bien sûr, il est également intéressant de noter que ces tapotements ne semblent pas corrects, mais ce serait bien
d'avoir un Je peux l'entendre et pas seulement du texte et nous prendrons soin de configurer ces taps.
Juste une seconde, mais c'est à quel point nous pouvons commencer facilement avec les taps et c'est ainsi
que vous pouvez penser à utiliser plusieurs navigateurs dans une application de navigation React ou dans l'application utilisant la navigation React.
Voyons maintenant comment ajouter des icônes et comment configurer nos robinets un peu plus pour utiliser une
couleur différente de cette année bleue par défaut.