1
00:00:02,270 --> 00:00:07,770
Nous répéter encore et encore et définir le même aspect détaillé encore et encore est vraiment

2
00:00:07,770 --> 00:00:10,550
ennuyeux et certainement pas ce que vous voulez.

3
00:00:10,550 --> 00:00:17,960
Jusqu'à présent, nous travaillons toujours avec des options de navigation que nous mettons en place juste à côté de nos composants.

4
00:00:18,020 --> 00:00:24,040
Maintenant, vous n'avez pas besoin de le faire pour les paramètres par défaut que vous répétez encore et encore.

5
00:00:24,200 --> 00:00:29,740
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

6
00:00:29,740 --> 00:00:34,820
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

7
00:00:34,820 --> 00:00:36,310
que nous obtenons à l'écran.

8
00:00:36,380 --> 00:00:41,990
Supprimons donc l'importation de la plate-forme et l'importation constante des couleurs ajoute la même chose sur

9
00:00:42,080 --> 00:00:43,370
l'écran des catégories.

10
00:00:43,400 --> 00:00:48,530
Je vais le couper pour qu'ils puissent toujours l'utiliser, mais je le supprimerai donc de cet écran et ne

11
00:00:48,530 --> 00:00:54,140
garderai que le titre de tête qui est spécifique à cet écran et pas la valeur par défaut pour tous les

12
00:00:54,440 --> 00:00:59,500
écrans, donc je le garderai ici et je peut donc également supprimer l'importation de la plate-forme et l'importation du

13
00:00:59,540 --> 00:01:00,710
contenu des couleurs ici.

14
00:01:00,740 --> 00:01:06,870
Et maintenant, allons au navigateur de repas, car en plus de configurer les options de navigation l'année prochaine pour vos

15
00:01:06,870 --> 00:01:12,290
composants, qui est le bon endroit pour toutes les options spécifiques à ce composant, vous pouvez également

16
00:01:12,290 --> 00:01:15,080
configurer des options ici directement sur le navigateur.

17
00:01:15,080 --> 00:01:17,830
Vous avez deux endroits différents où vous pouvez les installer.

18
00:01:18,170 --> 00:01:23,110
Un endroit est lorsque vous utilisez cette configuration d'écran plus complexe ici.

19
00:01:23,150 --> 00:01:29,120
Lorsque vous mappez un écran à vos identifiants en plus de configurer l'écran, ce que vous voulez charger

20
00:01:29,120 --> 00:01:32,390
avec juste une valeur incontournable que vous avez ici.

21
00:01:32,450 --> 00:01:39,530
Vous pouvez également ajouter des options de navigation ici et configurer des options de navigation pour ces écrans ici.

22
00:01:39,530 --> 00:01:44,810
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

23
00:01:44,810 --> 00:01:45,470
les couleurs.

24
00:01:45,470 --> 00:01:46,180
Importez ici.

25
00:01:46,250 --> 00:01:47,490
Faisons donc rapidement cela.

26
00:01:48,050 --> 00:01:52,430
Importons la plateforme de react.

27
00:01:52,460 --> 00:02:03,940
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

28
00:02:03,940 --> 00:02:11,020
n'avons pas de couleur parce que je ne place cette coloration ici que dans la catégorie repas, mais

29
00:02:11,020 --> 00:02:15,290
si nous allons à cet écran, nous avoir cette coloration.

30
00:02:15,300 --> 00:02:21,060
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

31
00:02:21,120 --> 00:02:22,130
l'écran des catégories.

32
00:02:22,230 --> 00:02:29,430
Donc là, nous pouvons également transformer cela en objet, donc ajouter les options de navigation et ajouter

33
00:02:29,490 --> 00:02:34,830
exactement les mêmes options pour ce même objet ici pour cet écran.

34
00:02:34,830 --> 00:02:39,760
Maintenant, si nous le faisons, nous devons également colorier à nouveau l'écran des catégories maintenant.

35
00:02:39,870 --> 00:02:46,350
Le petit avantage par rapport à la solution précédente de mettre cela en place dans chaque fichier de composant à la place, nous

36
00:02:46,380 --> 00:02:50,130
avons maintenant au moins toute la configuration et une dans le même fichier.

37
00:02:50,400 --> 00:02:56,220
Nous nous répétons toujours, il est donc agréable que vous puissiez le configurer ici et, par

38
00:02:56,220 --> 00:03:03,330
exemple, ce serait une bonne alternative à la configuration de notre titre d'en-tête défini statiquement pour un écran de catégories.

39
00:03:03,810 --> 00:03:09,300
car il est statique de toute façon n'a pas vraiment d'importance où nous avons mis

40
00:03:09,330 --> 00:03:10,630
cela en place.

41
00:03:10,920 --> 00:03:16,500
Mais en plus un tel cas d'utilisation n'est pas vraiment une amélioration car nous nous répétons toujours.

42
00:03:16,620 --> 00:03:23,550
Je vais donc à nouveau couper cela d'ici et à la place, nous pouvons maintenant profiter d'un deuxième argument que vous pouvez

43
00:03:23,550 --> 00:03:25,820
passer pour créer un navigateur de pile.

44
00:03:25,920 --> 00:03:29,370
Le premier argument est l'objet avec vos écrans.

45
00:03:29,430 --> 00:03:32,990
Le deuxième argument vous permet de configurer ce navigateur.

46
00:03:33,060 --> 00:03:38,880
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

47
00:03:38,880 --> 00:03:43,710
par mon T, vous trouverez une liste de tous les paramètres que vous pouvez configurer là-bas.

48
00:03:43,710 --> 00:03:50,070
Une chose importante que vous pouvez configurer ici sont les options de navigation par défaut et, comme son

49
00:03:50,310 --> 00:03:55,330
nom l'indique, cela vous permet de configurer des options qui s'appliquent à chaque écran.

50
00:03:55,440 --> 00:04:04,830
Maintenant, cela prend objet avec vos options de navigation, mais maintenant, ces options seront appliquées à chaque écran de ce navigateur, donc

51
00:04:05,070 --> 00:04:10,750
aux trois écrans ici afin que vous n'ayez pas à vous répéter.

52
00:04:10,770 --> 00:04:14,940
Alors maintenant, si nous faisons cela, vous verrez cet en-tête de couleur ici.

53
00:04:14,940 --> 00:04:18,920
Aussi ici et tout sur l'écran détaillé si vous y allez.

54
00:04:18,960 --> 00:04:25,200
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

55
00:04:25,200 --> 00:04:27,830
ne change généralement pas d'un écran à l'autre.

56
00:04:27,900 --> 00:04:29,710
Si cela change, c'est bien.

57
00:04:29,760 --> 00:04:35,940
Vous pouvez le configurer par composant ou ici dans le conflit d'écran comme je vous l'ai montré, mais s'il

58
00:04:35,940 --> 00:04:40,170
ne change pas, vous pouvez utiliser les options de navigation par défaut ici.

59
00:04:40,200 --> 00:04:48,720
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

60
00:04:48,720 --> 00:04:51,720
ici ou au lieu d'un composant?

61
00:04:51,720 --> 00:04:57,630
Et la règle est très simple: les options de navigation par défaut sont fusionnées

62
00:04:57,630 --> 00:05:05,100
avec vos options de navigation spécifiques définies ici ou ici dans le composant et les options spécifiques gagnent toujours.

63
00:05:05,100 --> 00:05:07,830
Si vous avez une seule et même clé du même nom.

64
00:05:07,830 --> 00:05:15,690
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

65
00:05:15,690 --> 00:05:17,960
toujours des catégories de repas ici.

66
00:05:18,060 --> 00:05:24,930
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

67
00:05:25,740 --> 00:05:28,800
vos options de navigation par défaut soient remplacées.

68
00:05:28,860 --> 00:05:33,510
Maintenant, si vous configurez des options de navigation ici lorsque vous configurez l'écran et

69
00:05:33,990 --> 00:05:39,630
au lieu du composant, ils agissent au même niveau et les paramètres ici au niveau de l'écran gagnent réellement.

70
00:05:39,630 --> 00:05:46,080
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

71
00:05:46,260 --> 00:05:53,070
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

72
00:05:53,070 --> 00:05:55,790
peut être un peu contre-intuitif, mais c'est ainsi.

73
00:05:55,830 --> 00:06:03,280
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

74
00:06:03,370 --> 00:06:09,340
d'écran l'emporte, mais peu importe où vous le configurez, il l'emporte toujours sur les options de navigation par

75
00:06:09,340 --> 00:06:09,840
défaut.

76
00:06:09,910 --> 00:06:16,640
Si vous utilisez le même titre, donc ici aussi, débarrassez-vous des options de navigation sur l'écran de ma

77
00:06:16,640 --> 00:06:17,050
catégorie.

78
00:06:17,060 --> 00:06:18,130
Je n'ai pas besoin de ça ici.

79
00:06:18,130 --> 00:06:22,900
Je suis content d'avoir configuré cela pour diriger le composant d'écran, mais vous pouvez le configurer aux deux endroits.

80
00:06:22,910 --> 00:06:29,090
Il est important que vous vous souveniez toujours que les options par défaut sont remplacées, mais maintenant, outre les options

81
00:06:29,090 --> 00:06:35,000
de navigation par défaut dans ce deuxième objet que vous passez pour créer le navigateur SEC, vous pouvez également

82
00:06:35,000 --> 00:06:40,790
configurer d'autres choses si vous aviez le contrôle et l'espace, vous devriez voir une liste ici ou consulter

83
00:06:40,820 --> 00:06:42,640
la boite officielle bien sûr.

84
00:06:42,650 --> 00:06:50,060
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

85
00:06:50,060 --> 00:06:56,150
comme carte modale si vous le définissez, vous obtiendrez un mode de transition pour le chargement sur votre écran, ce qui signifie

86
00:06:56,150 --> 00:07:01,310
que l'écran glisse dans à partir du bas au lieu d'utiliser l'animation normale sur Android, vous ne voyez

87
00:07:01,310 --> 00:07:04,180
pas de différence, mais sur ISIS, vous le verrez.

88
00:07:04,340 --> 00:07:10,070
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

89
00:07:10,070 --> 00:07:17,850
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

90
00:07:17,850 --> 00:07:22,410
si vous ne voulez pas commencer sur l'écran des catégories mais pour une raison quelconque sur l'écran

91
00:07:22,590 --> 00:07:27,810
détaillé du repas, vous pouvez simplement pointer les détails du repas ici au lieu des catégories que vous n'avez pas

92
00:07:27,810 --> 00:07:32,340
besoin de configurer car c'est une valeur par défaut et vous commenceriez par là écran comme

93
00:07:32,460 --> 00:07:33,510
écran de démarrage.

94
00:07:33,510 --> 00:07:38,440
Bien sûr, vous ne pouvez pas revenir en arrière maintenant, car c'est votre écran initial, le seul écran de la pile.

95
00:07:38,580 --> 00:07:42,120
Donc, revenir en arrière ne fonctionnera pas maintenant.

96
00:07:42,160 --> 00:07:48,030
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.

97
00:07:48,040 --> 00:07:51,600
Il utilise la première paire de valeurs clés par défaut.

98
00:07:51,600 --> 00:07:56,580
Donc, avec cela, nous avons brièvement examiné certaines options que vous pouvez configurer et surtout

99
00:07:56,580 --> 00:08:01,860
ajouter des options de navigation et des options de navigation par défaut, ce qui est très important

100
00:08:01,860 --> 00:08:09,650
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é

101
00:08:09,650 --> 00:08:15,990
il y a une autre chose que vous voulez faire lorsque vous travaillez avec React Navigation ou vous vous demandez.

102
00:08:16,010 --> 00:08:26,010
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

103
00:08:26,010 --> 00:08:27,700
incluse par défaut.

104
00:08:27,720 --> 00:08:35,850
Mais cela ne fait pas de mal de l'installer explicitement, ce qui vous permet

105
00:08:35,850 --> 00:08:45,310
de vous assurer que la navigation sous le capot utilise des composants d'écran optimisés natifs fournis par Android.

106
00:08:45,350 --> 00:08:51,460
J'étais sur Android, il utilise D le fragment au cas où vous êtes un peu dans le développement Android et sur

107
00:08:51,460 --> 00:08:57,220
ayahuasca, il utilise le contrôleur de vue de l'interface utilisateur et cela améliore simplement les performances un peu plus.

108
00:08:57,300 --> 00:09:04,350
Ici, dans cette application simple, vous ne le sentirez pas, mais c'est une bonne pratique d'utiliser ce package spécial ou des

109
00:09:04,350 --> 00:09:05,580
écrans spéciaux D.

110
00:09:05,580 --> 00:09:12,190
Maintenant, pour l'utiliser, vous devez vous rendre dans un endroit qui s'exécute avant de rendre votre premier écran

111
00:09:12,200 --> 00:09:21,510
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.

112
00:09:21,510 --> 00:09:27,750
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.

113
00:09:27,760 --> 00:09:34,860
Donc, avant de rendre un code exe jazz, il est maintenant important si vous utilisez la dernière version d'Expo et React

114
00:09:34,860 --> 00:09:37,110
Native, ce que vous êtes probablement.

115
00:09:37,140 --> 00:09:43,160
Ce ne sont plus des écrans d'utilisation mais des écrans capables que vous appelez toujours comme ça.

116
00:09:43,170 --> 00:09:46,140
C'est juste un nom différent et c'est le seul changement que nous devons

117
00:09:48,970 --> 00:09:50,610
apporter ici, lugubre, simplement dans les coulisses.

118
00:09:50,650 --> 00:09:56,140
Déverrouillez ces écrans et vous ne verrez pas de différence dans cette application, mais c'est un peu plus de performances,

119
00:09:56,260 --> 00:10:00,730
c'est donc quelque chose que je recommanderais de faire en particulier dans les applications plus grandes.

120
00:10:00,760 --> 00:10:03,760
Ici encore, vous ne voyez pas vraiment de différence.

121
00:10:03,940 --> 00:10:06,970
Mais dans les coulisses, cela est maintenant un peu plus efficace.