1 00:00:02,310 --> 00:00:08,370 Continuons donc le portage Pour cela, allons à l'écran détaillé du produit et là, nous avons tous quelques 2 00:00:08,580 --> 00:00:09,830 options en bas. 3 00:00:09,840 --> 00:00:17,760 Bien plus court ici, nous pouvons à nouveau l'exporter en tant qu'options d'écran nommées constantes et papa tient notre fonction ici 4 00:00:17,970 --> 00:00:22,090 et nous faisons de même dans l'écran de la carte. 5 00:00:22,110 --> 00:00:30,210 Donc, sur l'écran de la carte, si nous faisons défiler vers le bas, nous exportons nos options d'écran constant. 6 00:00:30,210 --> 00:00:35,490 Et ici, vous voyez que ce n'est plus une fonction mais un objet. 7 00:00:35,490 --> 00:00:37,740 Cela devrait cependant également fonctionner. 8 00:00:37,800 --> 00:00:43,580 Vous n'avez pas nécessairement besoin d'une fonction ici avec celle de retour dans le navigateur de la boutique. 9 00:00:43,580 --> 00:00:56,130 Ajoutons qu'ici sur cet écran de détail avec les options prop et aussi ici sur cet écran maintenant nous devons 10 00:00:56,130 --> 00:00:58,390 importer ces options. 11 00:00:58,500 --> 00:01:02,310 Ainsi, à partir de l'écran détaillé du produit, nous importons désormais également des options d'écran. 12 00:01:02,340 --> 00:01:05,580 Et le problème auquel nous allons maintenant faire face est que nous avons maintenant un conflit de noms. 13 00:01:05,610 --> 00:01:06,980 Vous avez des options d'écran ici. 14 00:01:07,020 --> 00:01:16,480 Et ici, nous pouvons résoudre ce problème en attribuant un alias et en lui donnant le nom d'options de l'écran de détail du produit, quel que soit le 15 00:01:16,720 --> 00:01:18,430 nom que vous préférez. 16 00:01:18,640 --> 00:01:24,550 Et faites de même pour l'écran de la carte ici avec le mot ASCII. 17 00:01:24,570 --> 00:01:30,320 Bien sûr, ce devrait être les options d'écran de la carte et pour être cohérent. 18 00:01:30,400 --> 00:01:34,030 Je ferai de même pour l'écran de présentation des produits ici. 19 00:01:34,120 --> 00:01:39,950 Ce sera désormais le produit, les options de l'écran de présentation des produits. 20 00:01:39,950 --> 00:01:50,000 Donc, si ces importations l'ajoutent ici, je me réfère aux options d'écran de présentation des produits ici. Options d'écran de détail 21 00:01:50,180 --> 00:01:51,780 des produits 2D. 22 00:01:52,100 --> 00:01:56,970 Et voici les options d'écran de la carte 2D. 23 00:01:57,060 --> 00:01:59,460 Donc, avec cela, nous avons toutes ces options configurées. 24 00:01:59,460 --> 00:02:07,200 Passons maintenant au navigateur suivant dans la ligne qui est le navigateur des ordres justice avant 25 00:02:07,200 --> 00:02:15,420 de quitter et vous le navigateur de piles d'ordres constants et appelez créer le navigateur de piles pour 26 00:02:15,480 --> 00:02:27,270 le créer, puis exportez le navigateur d'ordres constants qui contient maintenant un composant de réaction comme nous l'avons fait ici dans le Navigateur de produits 27 00:02:27,270 --> 00:02:33,210 qui renvoie notre pile configurée pour la pile de navigation sur disque. 28 00:02:33,240 --> 00:02:38,880 Nous avons donc ici la pile de commandes Navigator Dock Navigator qui enveloppe tous nos écrans qui 29 00:02:38,880 --> 00:02:40,050 appartiennent au navigateur. 30 00:02:40,230 --> 00:02:46,620 Et donc ici, nous avons un composant d'écran à l'intérieur et nous n'avons qu'un seul écran 31 00:02:46,620 --> 00:02:53,240 dans cette pile qui a un nom de commandes et où le composant commandes doit-il être chargé. 32 00:02:53,260 --> 00:02:58,010 Le composant écran des commandes et nous avons obtenu une configuration ici. 33 00:02:58,060 --> 00:02:59,580 Ignorons l'icône de dessin. 34 00:02:59,680 --> 00:03:05,440 Mais en ce qui concerne les options de navigation par défaut, nous les avons configurées sur le navigateur 35 00:03:05,440 --> 00:03:12,250 de pile ici avec des options d'écran et nous indiquons simplement que les options de navigation par défaut maintenant pour les options 36 00:03:12,250 --> 00:03:20,190 spécifiques à l'écran, nous allons vérifier l'écran des commandes et là, en bas, nous avons à nouveau nos options de navigation objet afin que nous puissions. 37 00:03:20,180 --> 00:03:28,500 Expert Constance ici une constante options d'écran ici qui détient cette fonction comme une valeur. 38 00:03:28,520 --> 00:03:37,220 Revenons maintenant au navigateur de l'application dans le navigateur de la boutique et importons-le à partir de l'écran des commandes. 39 00:03:37,280 --> 00:03:43,430 Les options d'écran et lui donner lui donnent un alias à nouveau pour 40 00:03:43,700 --> 00:03:50,790 éviter les conflits de noms et ce serait les options d'écran des commandes ici et attribuons-les ici. 41 00:03:50,800 --> 00:04:00,790 Alors maintenant, ici sur cet écran, nous pouvons alimenter les options et utiliser nos options d'écran des commandes ici. 42 00:04:00,970 --> 00:04:03,070 Et c'est cette pile portée maintenant 43 00:04:07,200 --> 00:04:09,210 pour le navigateur d'administration ici. 44 00:04:09,240 --> 00:04:11,170 Ce sera à peu près la même chose. 45 00:04:11,340 --> 00:04:18,990 Nous avons obtenu notre navigateur d'administration pile que nous créons en appelant créer navigateur de pile 46 00:04:19,050 --> 00:04:25,850 et ensuite nous exploitons notre navigateur d'administration ici qui est un composant React. 47 00:04:25,860 --> 00:04:33,390 Ce que nous retournons maintenant notre composant de navigateur de navigateur de pile d'administration qui enveloppe tous les écrans qui 48 00:04:33,390 --> 00:04:39,140 appartiennent à cette pile alors ici avec l'écran de pensées, nous créons ces écrans. 49 00:04:39,210 --> 00:04:42,470 Et ici, nous avons deux produits utilisateur et un produit ajouté. 50 00:04:42,560 --> 00:04:50,460 Donc, le prénom est les produits utilisateur, le composant, il y a l'écran du produit utilisateur et nous pouvons le dupliquer à tout ce qu'ils 51 00:04:50,840 --> 00:04:58,650 ont notre écran de produits ajouté où nous chargeons le composant d'écran du produit d'édition a finalement obtenu une icône de dessin que nous 52 00:04:59,270 --> 00:05:04,380 pouvons ignorer et les options du diable NAF qui nous ajoutons maintenant ici avec les 53 00:05:04,380 --> 00:05:07,130 options d'écran prop sur le navigateur de pile. 54 00:05:07,230 --> 00:05:13,190 Les gens ont maintenant des options et pour filtrer des options spécifiques, nous jetons à nouveau un œil à ces écrans. 55 00:05:13,260 --> 00:05:23,000 Donc, dans l'écran du produit utilisateur en bas, nous exportons à nouveau les options d'écran ici, c'est dysfonctionnel que nous avons ici 56 00:05:23,000 --> 00:05:28,770 en bas et sur l'écran des produits ajoutés, nous faisons de même. 57 00:05:28,950 --> 00:05:39,400 Nous descendons là-bas et exportons des options d'écran constantes comme celle-ci maintenant un an par la façon dont nous utilisons toujours le paradis pour avoir notre 58 00:05:39,400 --> 00:05:46,180 fonction de sommet et pour décider si nous éditons ou ajoutons et c'est quelque chose que nous 59 00:05:46,180 --> 00:05:53,440 ajusterons plus tard parce que maintenant avec réactivation cinq, nous aurons une manière beaucoup plus agréable de définir 60 00:05:53,530 --> 00:06:02,420 dynamiquement les choses dans notre configuration spécifique à l'écran, nous n'aurons plus à abuser des parents pour cela, mais tout d'abord, revenons au 61 00:06:02,420 --> 00:06:06,850 navigateur de la boutique et importons notre option de pilotage. 62 00:06:06,860 --> 00:06:18,370 Donc, à partir de l'écran du produit utilisateur, nous importons les options d'écran en tant qu'options d'écran des produits utilisateur et ici, 63 00:06:18,700 --> 00:06:29,580 nous importons les options d'écran en tant qu'options d'écran du produit ajoutées comme ceci afin que nous les importions. 64 00:06:29,580 --> 00:06:37,770 Et maintenant, si nous descendons jusqu'à notre navigateur de pile d'administration ici, nous configurons nos options pour les options d'écran 65 00:06:37,800 --> 00:06:44,790 des produits utilisateur et ici nous avons nos options d'écran de produit ajoutées et c'est une dette. 66 00:06:45,060 --> 00:06:47,040 Prochain tirage.