Il est important de comprendre le fonctionnement de la navigation et des applications natives et surtout si vous avez une formation
en développement Web, il est important de comprendre en quoi elle diffère de la navigation entre les écrans et le Web,
car sur le Web, vous entrez réellement un vous êtes L et si vous construisez une application de réaction, vous utilisez un
outil comme réagir le routeur pour ensuite charger le composant utilisateurs.
Et si vous cliquez à nouveau sur un lien qui mène à mon site, les produits slash dot com, le routeur react, qui est une bibliothèque supplémentaire dans laquelle vous avez installé,
voit que vous changez le chemin dans votre U. R. L. et charge un composant de
réaction différent.
Voilà comment fonctionne la navigation sur le Web.
Donc, vous êtes L est votre source de vérité et changer que vous êtes peut être capté par des bibliothèques comme
Reactor Router qui ont ensuite rendu différents composants à l'écran.
C'est ainsi que je réagis pour les œuvres Web.
Maintenant, il y a une différence importante lorsque nous pensons aux applications natives.
Nous n'avons aucun vous êtes les utilisateurs ell ne vont pas dans votre application en entrant certains vous êtes L au lieu de
cela vous appuyez sur les boutons vos pressions et vous allez et vient.
Vous avez des boutons arrière, vous avez des tiroirs latéraux, c'est ainsi que vous naviguez sur les applications mobiles pour être précis.
Comme je l'ai mentionné, avoir des robinets est un modèle courant que vous voyez là-bas.
Le modèle commun moyen est que vous naviguez dans une pile de pages et cela signifie simplement que vous allez
sur une page que vous cliquez sur un élément, que vous accédez à un nouvel écran et que vous obtenez automatiquement un bouton de
retour en haut ou sur Android, vous bien sûr, en avoir un intégré dans l'appareil.
Et lorsque vous appuyez sur ce bouton, vous êtes retourné à la page sur laquelle vous vous trouviez auparavant et vous obtenez une
transition en douceur pour cela.
Ainsi, vous pouvez naviguer par exemple pour charger un composant utilisateur en appuyant sur l'onglet ou en appuyant sur
un élément spécial et en y naviguant et l'allégation semble et se sent tout simplement un peu différente
pour les utilisateurs.
Maintenant, bien sûr, nous voulons également apporter cette apparence à notre application native ReACT.
Et heureusement, c'est très facile.
Avec l'aide d'une bibliothèque tierce, nous utiliserons la bibliothèque tierce qui l'utilisera pour
cela J'ai arrêté mon serveur exposé ici, c'est réagir à la navigation, nous pouvons l'installer
avec npm installer un tiret tableau de bord il s'agit en fait d'une bibliothèque de navigation
conçue pour réagir nativement.
Maintenant, vous pouvez également l'utiliser dans des applications Web, mais son objectif principal est les applications natives construites avec React Native.
Donc, même si cela s'appelle la navigation React, c'est pour React Native, pas seulement pour React pour le Web.
Nous pouvons donc simplement installer ce package ici dans notre application pour commencer à l'utiliser.
Et bien sûr, je vais vous enseigner les tenants et aboutissants de ce package et comment l'utiliser pour
différents modèles de navigation dans ce module.
Mais si vous voulez plonger plus profondément ou si vous voulez également avoir un guide écrit.
Découvrez également le point de navigation Reaic ORIC qui est la page officielle de ce package où vous
pouvez plonger sur les quais pour tout savoir sur ce package.
Là, vous pouvez tout lire en détail.
Vous apprendrez à l'utiliser, à le configurer, etc.
Il y a beaucoup de choses que vous pouvez faire avec et même si je couvrirai la majorité de cela ici,
c'est une excellente ressource pour vous d'approfondir.
Maintenant, une chose que nous voyons ici que nous devons absolument faire est d'exécuter cette commande utilisateur qui installe
un tas de dépendances supplémentaires pour répondre aux besoins de navigation.
Donc, copiez simplement cette commande à partir de la page Mise en route
ici et exécutez-la dans votre projet sur la ligne de commande
du terminal intégré. sélectionnera les versions spécifiques de ces packages
qui fonctionnent avec votre version Expo spécifique.
C'est donc une version plus sûre de l'installation de npm que vous pourriez dire et il est donc recommandé de
l'utiliser ici.
Maintenant, une note supplémentaire sur cette commande et cette page en général en haut à gauche de cette page, vous voyez
la version de navigation de React.
Ces documents sont liés à la réutilisation dans ce cours alors qu'en 3 ou 4 ils sont à peu près les mêmes.
Nous n'utilisons pas alors qu'en 5 en ce moment car la version 5 utilise une syntaxe légèrement différente que nous ne
couvrons pas pour le moment.
Assurez-vous donc que si vous revenez aux documents, vous sélectionnez réellement la version 4 ou libre de la documentation
ici pour suivre en douceur.
Bien sûr, vous pouvez toujours jeter un œil à la version 5 et essayer manuellement de vous ajuster au code
si vous le souhaitez, mais pour une expérience fluide, où se concentrer, bien sûr, sur React Native et non sur Reaction Navigation.
Assurez-vous de choisir la version 4 ou l'année gratuite.
C'est juste une petite note latérale au cas où vous vous interrogeriez sur la différence entre les documents ici et
ce que vous voyez dans ce cours.Maintenant, une note importante, alors que nous nous en tenons à la navigation de réaction, nous
sommes pour.
Ici plus tard dans le cours, j'aurai un module complet sur React Navigation Five et plus tard où je vous
montrerai comment convertir votre projet pour utiliser cette dernière version.
Vous aviez donc le meilleur des deux mondes et vous apprendrez les deux types de configuration de la navigation et
de la navigation et réagissez aux applications natives parce que les deux et pour tout futur où elle aura cinq ans
et plus sera très important à connaître.
Copions simplement cette commande et assurons-nous qu'outre l'installation de React Navigation qui est le package
de base, nous installons bien sûr ces packages dans le projet en exécutant Expo install ici
maintenant avec l'installation terminée ici Je peux redémarrer mon serveur Expo avec le démarrage de NPM et nous
pouvons maintenant commencer à utiliser React Navigation.
Maintenant, pour tout cela, échangez un nouveau dossier dans mon projet et je l'appellerai navigation.
Ce n'est pas quelque chose que vous devez faire, mais cela peut vous aider à garder votre code propre, car là-dedans.
Je vais créer un nouveau fichier tout créer mon navigateur de repas dot J fall.
Maintenant, ce nom de fichier dépend entièrement de vous.
Je veux juste indiquer que là-bas, je vais configurer la configuration de ma navigation pour mon application de repas
ici que je construis.
Voilà pourquoi un nom comme ça.
Et c'est l'automne de navigateur de repas jazz où je veux mettre en place ma configuration de navigation
de puits Je veux dire à Reaction Navigation que la bibliothèque nous avons installé quels différents écrans nous avons comment ils sont connectés
et comment nous voulons pouvoir se déplacer entre eux.
Maintenant, il est plus facile de voir cela que de simplement en parler.
Par conséquent, dans le navigateur de repas, commençons à configurer la navigation.