Nous répéter encore et encore et définir le même aspect détaillé encore et encore est vraiment
ennuyeux et certainement pas ce que vous voulez.
Jusqu'à présent, nous travaillons toujours avec des options de navigation que nous mettons en place juste à côté de nos composants.
Maintenant, vous n'avez pas besoin de le faire pour les paramètres par défaut que vous répétez encore et encore.
Il s'agit en fait de supprimer ce paramètre ici de l'écran de catégorie de repas et de ne conserver que le
titre d'en-tête, car le titre d'en-tête dépend bien sûr de cet écran et change avec les différentes valeurs
que nous obtenons à l'écran.
Supprimons donc l'importation de la plate-forme et l'importation constante des couleurs ajoute la même chose sur
l'écran des catégories.
Je vais le couper pour qu'ils puissent toujours l'utiliser, mais je le supprimerai donc de cet écran et ne
garderai que le titre de tête qui est spécifique à cet écran et pas la valeur par défaut pour tous les
écrans, donc je le garderai ici et je peut donc également supprimer l'importation de la plate-forme et l'importation du
contenu des couleurs ici.
Et maintenant, allons au navigateur de repas, car en plus de configurer les options de navigation l'année prochaine pour vos
composants, qui est le bon endroit pour toutes les options spécifiques à ce composant, vous pouvez également
configurer des options ici directement sur le navigateur.
Vous avez deux endroits différents où vous pouvez les installer.
Un endroit est lorsque vous utilisez cette configuration d'écran plus complexe ici.
Lorsque vous mappez un écran à vos identifiants en plus de configurer l'écran, ce que vous voulez charger
avec juste une valeur incontournable que vous avez ici.
Vous pouvez également ajouter des options de navigation ici et configurer des options de navigation pour ces écrans ici.
Donc, nous pourrions également au style d'en-tête la couleur de la teinte de l'en-tête et maintenant nous avons juste besoin d'ajouter la plate-forme et
les couleurs.
Importez ici.
Faisons donc rapidement cela.
Importons la plateforme de react.
Native ici et importons également des couleurs à partir de constantes de couleurs et si nous faisons cela, ce que vous verrez, c'est que sur l'écran des catégories, nous
n'avons pas de couleur parce que je ne place cette coloration ici que dans la catégorie repas, mais
si nous allons à cet écran, nous avoir cette coloration.
Nous avons donc le même look que nous avions avant et maintenant, bien sûr, nous pourrions faire la même chose ici pour
l'écran des catégories.
Donc là, nous pouvons également transformer cela en objet, donc ajouter les options de navigation et ajouter
exactement les mêmes options pour ce même objet ici pour cet écran.
Maintenant, si nous le faisons, nous devons également colorier à nouveau l'écran des catégories maintenant.
Le petit avantage par rapport à la solution précédente de mettre cela en place dans chaque fichier de composant à la place, nous
avons maintenant au moins toute la configuration et une dans le même fichier.
Nous nous répétons toujours, il est donc agréable que vous puissiez le configurer ici et, par
exemple, ce serait une bonne alternative à la configuration de notre titre d'en-tête défini statiquement pour un écran de catégories.
car il est statique de toute façon n'a pas vraiment d'importance où nous avons mis
cela en place.
Mais en plus un tel cas d'utilisation n'est pas vraiment une amélioration car nous nous répétons toujours.
Je vais donc à nouveau couper cela d'ici et à la place, nous pouvons maintenant profiter d'un deuxième argument que vous pouvez
passer pour créer un navigateur de pile.
Le premier argument est l'objet avec vos écrans.
Le deuxième argument vous permet de configurer ce navigateur.
Nous n'avons pas encore configuré de laiterie de configuration et bien sûr dans la boîte officielle ou comme je l'obtiens ici
par mon T, vous trouverez une liste de tous les paramètres que vous pouvez configurer là-bas.
Une chose importante que vous pouvez configurer ici sont les options de navigation par défaut et, comme son
nom l'indique, cela vous permet de configurer des options qui s'appliquent à chaque écran.
Maintenant, cela prend objet avec vos options de navigation, mais maintenant, ces options seront appliquées à chaque écran de ce navigateur, donc
aux trois écrans ici afin que vous n'ayez pas à vous répéter.
Alors maintenant, si nous faisons cela, vous verrez cet en-tête de couleur ici.
Aussi ici et tout sur l'écran détaillé si vous y allez.
Alors maintenant, c'est bien sûr la façon dont vous souhaitez configurer des configurations répétitives comme le style général qui
ne change généralement pas d'un écran à l'autre.
Si cela change, c'est bien.
Vous pouvez le configurer par composant ou ici dans le conflit d'écran comme je vous l'ai montré, mais s'il
ne change pas, vous pouvez utiliser les options de navigation par défaut ici.
Bien sûr, cela soulève également une autre question: comment les paramètres définis ici ou ici sont-ils fusionnés avec les paramètres
ici ou au lieu d'un composant?
Et la règle est très simple: les options de navigation par défaut sont fusionnées
avec vos options de navigation spécifiques définies ici ou ici dans le composant et les options spécifiques gagnent toujours.
Si vous avez une seule et même clé du même nom.
Donc, si je mettais en place un titre d'en-tête par défaut ici comme un écran qui est bien sûr très générique, vous verriez
toujours des catégories de repas ici.
Italien ici mais sur l'écran détaillé où je n'ai dit aucun titre d'en-tête spécifique, vous verrez un écran afin que
vos options de navigation par défaut soient remplacées.
Maintenant, si vous configurez des options de navigation ici lorsque vous configurez l'écran et
au lieu du composant, ils agissent au même niveau et les paramètres ici au niveau de l'écran gagnent réellement.
Donc, si j'ai dit le titre de l'en-tête des catégories de repas avec plusieurs points d'exclamation ici, vous voyez qu'ici
sur l'écran des catégories et que le titre que vous définissez dans le composant d'écran des catégories ne gagne pas, cela
peut être un peu contre-intuitif, mais c'est ainsi.
Donc, si vous configurez des options de navigation avec le même titre ou avec les mêmes noms ici dans le contexte d'écran, le contexte
d'écran l'emporte, mais peu importe où vous le configurez, il l'emporte toujours sur les options de navigation par
défaut.
Si vous utilisez le même titre, donc ici aussi, débarrassez-vous des options de navigation sur l'écran de ma
catégorie.
Je n'ai pas besoin de ça ici.
Je suis content d'avoir configuré cela pour diriger le composant d'écran, mais vous pouvez le configurer aux deux endroits.
Il est important que vous vous souveniez toujours que les options par défaut sont remplacées, mais maintenant, outre les options
de navigation par défaut dans ce deuxième objet que vous passez pour créer le navigateur SEC, vous pouvez également
configurer d'autres choses si vous aviez le contrôle et l'espace, vous devriez voir une liste ici ou consulter
la boite officielle bien sûr.
Maintenant, généralement, les valeurs par défaut sont très bien, mais là, par exemple, vous pouvez configurer le mode et vous pouvez définir ce mode par défaut
comme carte modale si vous le définissez, vous obtiendrez un mode de transition pour le chargement sur votre écran, ce qui signifie
que l'écran glisse dans à partir du bas au lieu d'utiliser l'animation normale sur Android, vous ne voyez
pas de différence, mais sur ISIS, vous le verrez.
C'est juste une chose que vous pouvez changer ici pour changer l'animation par défaut au cas où vous voudriez une transition modale
au lieu de l'animation push pop normale ici, vous pouvez également changer le nom racine initial par défaut J'ai mentionné que ce serait la première paire de valeurs clés mais
si vous ne voulez pas commencer sur l'écran des catégories mais pour une raison quelconque sur l'écran
détaillé du repas, vous pouvez simplement pointer les détails du repas ici au lieu des catégories que vous n'avez pas
besoin de configurer car c'est une valeur par défaut et vous commenceriez par là écran comme
écran de démarrage.
Bien sûr, vous ne pouvez pas revenir en arrière maintenant, car c'est votre écran initial, le seul écran de la pile.
Donc, revenir en arrière ne fonctionnera pas maintenant.
Encore une fois, je vais réinitialiser cela aux catégories et vous n'avez pas besoin de l'ajouter car il s'agit de toute façon d'un défaut.
Il utilise la première paire de valeurs clés par défaut.
Donc, avec cela, nous avons brièvement examiné certaines options que vous pouvez configurer et surtout
ajouter des options de navigation et des options de navigation par défaut, ce qui est très important
pour créer des applications agréables et efficaces sans vous répéter maintes et maintes fois, ce que vous ne voulez bien sûr pas. en parlant d'efficacité
il y a une autre chose que vous voulez faire lorsque vous travaillez avec React Navigation ou vous vous demandez.
Considérez et c'est que vous avez installé un package supplémentaire qui est des écrans natifs réactifs qu'une application expo devrait être
incluse par défaut.
Mais cela ne fait pas de mal de l'installer explicitement, ce qui vous permet
de vous assurer que la navigation sous le capot utilise des composants d'écran optimisés natifs fournis par Android.
J'étais sur Android, il utilise D le fragment au cas où vous êtes un peu dans le développement Android et sur
ayahuasca, il utilise le contrôleur de vue de l'interface utilisateur et cela améliore simplement les performances un peu plus.
Ici, dans cette application simple, vous ne le sentirez pas, mais c'est une bonne pratique d'utiliser ce package spécial ou des
écrans spéciaux D.
Maintenant, pour l'utiliser, vous devez vous rendre dans un endroit qui s'exécute avant de rendre votre premier écran
qui est de nous capturer le fichier dans notre cas ici et là, vous pouvez maintenant importer des écrans d'utilisation à partir de l'écran React Native.
Donc, à partir de ce package, vous venez d'installer et simplement appelé après vos importations avant de faire quoi que ce soit d'autre.
Donc, avant de rendre un code exe jazz, il est maintenant important si vous utilisez la dernière version d'Expo et React
Native, ce que vous êtes probablement.
Ce ne sont plus des écrans d'utilisation mais des écrans capables que vous appelez toujours comme ça.
C'est juste un nom différent et c'est le seul changement que nous devons
apporter ici, lugubre, simplement dans les coulisses.
Déverrouillez ces écrans et vous ne verrez pas de différence dans cette application, mais c'est un peu plus de performances,
c'est donc quelque chose que je recommanderais de faire en particulier dans les applications plus grandes.
Ici encore, vous ne voyez pas vraiment de différence.
Mais dans les coulisses, cela est maintenant un peu plus efficace.