Nous avons donc passé un certain temps à migrer cela pour réagir à la navigation cinq maintenant et cela semble peut-être un peu écrasant
en ce moment.
Alors permettez-moi de résumer les principaux changements que nous avons
apportés ici et les changements clés que les différences
clés réagissent. le modèle ici est en fait assez
simple.
Vous créez toujours un navigateur qui pourrait être un navigateur de pile, un navigateur de dessin
ou également un navigateur tactile, puis vous utilisez ce navigateur pour naviguer un composant ici en tant que composant d'itinéraire pour cet ensemble
d'écrans qui appartient à ce navigateur.
Les écrans sont les composants imbriqués là-bas et là vous fournissez un nom et un composant qui devrait être
chargé pour cet écran.
Maintenant, quand il s'agit de naviguer, vous naviguez toujours avec l'accessoire de navigation, puis la fonction de navigation
en identifiant l'écran par son nom.
Cela ne change donc pas du tout.
Vous passez également devant les parents comme avant.
La seule chose importante ici ou la seule chose que vous devez garder à l'esprit est que le nom que vous utilisez ici
doit bien sûr être le nom que vous utilisez également ici.
Lorsque vous configurez vos écrans.
C'est donc le plus grand changement que vous définissez votre configuration en tant que composants.
En fin de compte, vous pouvez toujours imbriquer vos différents navigateurs les uns dans les autres comme
nous le faisons ici où nous devons dessiner un navigateur qui a également des navigateurs de pile comme écrans.
Cela ne change pas non plus, c'est juste différent maintenant.
Et ce qui a changé, c'est l'endroit où vous configurez les choses à l'échelle des options de configuration afin que les options
qui affectent tous les écrans d'un navigateur soient configurées directement sur le navigateur un composant avec le
prop d'options d'écran et une configuration spécifique à l'écran est mis en place avec le prop d'options sur le composant d'écran .
Maintenant, où vous gérez cette configuration si vous faites tout dans un gros fichier ou comme nous le faisons ici si
vous le faites à l'écran et que vous l'exportez ensuite.
Alors oui, vous pouvez l'utiliser lorsque vous configurez leurs composants.
Voilà tout ce que vous devez garder à l'esprit.
Une chose qui a changé à cause de cela est la façon dont vous gérez l'authentification ou les cas associés.
Vous n'avez plus besoin de changer de navigateur.
Au lieu de cela, vous contrôlez quels navigateurs doivent être rendus par react et ce qui n'est pas rendu ne peut pas être efficace
ne peut rien faire.
Donc, si nous ne rendons pas le navigateur de la boutique parce que nous ne sommes pas authentifiés, il n'y a aucun moyen
de charger un écran de boutique.
C'est ainsi que nous contrôlons maintenant quels écrans sont accessibles ici à l'exemple de l'authentification.
Gardez également à l'esprit le journal des commandes.
C'est donc quelque chose où vous devez passer à un nouveau modèle mental.
C'est beaucoup plus réactif que ce que nous devions utiliser auparavant.
Et puis nous avons un autre changement important ou important et c'est ainsi que nous extrayons les parents et lorsque nous
avons besoin de parents, nous extrayons les parents sur ce nouvel accessoire de route avec la clé des parents, la clé des parents peut être indéfinie
s'il n'y a pas de parents reçus et cette composante et les parents ne devraient désormais être utilisés que pour obtenir des
données du composant à deux composants B.
Donc, d'un écran à l'autre, vous devez contourner les contournements car nous devions les utiliser auparavant dans l'écran du produit ajouté
si vous aviez besoin d'utiliser les parents pour obtenir des données de la perspicacité au composant dans vos options d'écran
que vous n'avez pas besoin de faire que plus.
Au lieu de cela, ce que vous faites maintenant, c'est que vous avez utilisé la nouvelle fonction de définition des options que vous pouvez appeler
directement sur votre accessoire
de navigation ici.
Nous appelons donc set options sur cet accessoire de navigation, puis nous pouvons ajuster dynamiquement les options
de navigation depuis l'intérieur du composant.
Ce sont les principaux changements que nous avons dû apporter ici et les éléments clés qui ont changé.
Maintenant, comme toujours, les documents officiels sont votre ami.
Si vous voulez lire à nouveau à ce sujet si vous voulez plonger dans d'autres cas que nous n'avons pas
traités ici.
Par exemple, si vous voulez apprendre à travailler avec des taps, nous ne le faisons pas ici, mais l'approche
est très similaire.
Vous le faites avec une configuration basée sur des composants avec un navigateur et des écrans, puis les documents
officiels sont vraiment un excellent endroit pour plonger.
Consultez également le message d'annonce pour React Navigation 5 et le guide de mise à niveau qui y est
également lié, vous trouverez toutes ces ressources également jointes à cette conférence.
Et avec cela, c'est à vous de décider si vous souhaitez utiliser React Navigation 3 ou 4 ou si vous souhaitez
passer à 5 ou version ultérieure.
Une fois que nous aurons de nouveaux mots, cela dépendra de vous.
La majorité des projets là-bas dans la nature utiliseront certainement encore Virgin gratuitement et parce que
ces versions existent depuis si longtemps.
Les nouveaux projets peuvent basculer vers Where's sur cinq, mais peuvent également utiliser l'ancienne version.
Je dirais donc qu'il est important de connaître les deux types de navigation si vous travaillez seul sur
votre propre projet.
Je vous recommanderais de passer à la navigation cinq dès le début, mais si vous
souhaitez 4 ou une pâte libre, c'est très bien aussi.
La réactivation 3 et 4 est entièrement stable et tout sera maintenu et mis à jour à l'avenir par l'équipe
de navigation React.
Donc ça ne va nulle part.
Ce n'est pas dangereux de l'utiliser et c'est à vous de décider.
Quelle version vous souhaitez utiliser.