1
00:00:02,520 --> 00:00:07,110
Alors maintenant, nous travaillons un peu avec la navigation, nous pouvons avancer et reculer.

2
00:00:07,110 --> 00:00:13,620
Vous apprendrez à ajouter des icônes et des boutons d'action ici à cet en-tête, comment styliser et contrôler l'en-tête en général, comment transmettre des

3
00:00:13,620 --> 00:00:18,630
données et ce sont toutes des choses cruciales pour les applications mobiles que vous construisez avec React Native Bien

4
00:00:18,630 --> 00:00:23,610
sûr, ce sont des choses que vous allez faites-le encore et encore lorsque vous travaillez avec React Native

5
00:00:23,790 --> 00:00:24,980
pour créer des applications.

6
00:00:25,050 --> 00:00:31,170
Maintenant, ce n'est pas la seule forme de navigation que nous pouvons mettre en œuvre bien que nous puissions également

7
00:00:31,440 --> 00:00:36,330
appuyer sur en bas afin que nous puissions basculer entre les différentes sections de son

8
00:00:36,330 --> 00:00:42,210
application qui, bien sûr, font toutes un modèle typique que vous connaissez des applications mobiles et qui est également

9
00:00:42,210 --> 00:00:49,950
le modèle J'ai esquissé au début de ce module, je veux avoir deux robinets dans son application, un pour tous nos repas ou dans ce

10
00:00:49,950 --> 00:00:55,440
cas toutes nos catégories et un pour nos repas préférés, les repas que nous avons marqués comme favoris.

11
00:00:55,500 --> 00:01:01,640
Cela nous amène bien sûr à une question importante: comment ajouter des taps lorsque l'on travaille avec React Navigation.

12
00:01:01,800 --> 00:01:05,010
Et ce n'est heureusement pas trop difficile.

13
00:01:05,010 --> 00:01:09,840
Passons à notre navigateur James, le fichier de navigation, où nous avons configuré la navigation et là, nous avons créé

14
00:01:09,840 --> 00:01:11,090
un navigateur de pile.

15
00:01:11,190 --> 00:01:17,460
Vous avez besoin d'un navigateur de pile chaque fois que vous avez des pages d'écran dans votre application qui sont connectées à

16
00:01:17,460 --> 00:01:19,020
un tel flux vers l'arrière.

17
00:01:19,020 --> 00:01:21,140
C'est la navigation de pile typique.

18
00:01:21,140 --> 00:01:26,910
Ce que nous utilisons ici, bien sûr, en aura toujours besoin, même si nous avons maintenant tous les clics sur l'annonce.

19
00:01:26,970 --> 00:01:32,910
La bonne chose est que vous pouvez simplement avoir plusieurs navigateurs dans votre application et c'est exactement ce

20
00:01:32,940 --> 00:01:39,190
que font maintenant la navigation Rick en plus du navigateur de pile qui crée la fonction de navigateur de pile.

21
00:01:39,210 --> 00:01:45,240
Nous pouvons également importer créer le navigateur de l'onglet inférieur et cela fait exactement ce que cela ressemble, il nous permet de

22
00:01:45,240 --> 00:01:48,080
créer un navigateur qui fonctionne avec des tapotements en bas.

23
00:01:49,050 --> 00:01:56,220
Donc, créez le navigateur de l'onglet inférieur et c'est simplement que nous pouvons créer

24
00:01:56,220 --> 00:02:04,230
ce navigateur supplémentaire à côté de notre navigateur de repas. les commandes et les commandes de

25
00:02:04,230 --> 00:02:10,110
roue sont des repas et des favoris avec des robinets et

26
00:02:10,110 --> 00:02:17,550
j'appelle créer le navigateur de l'onglet inférieur et stocker le résultat de cela dans cette

27
00:02:17,550 --> 00:02:18,290
constante.

28
00:02:18,360 --> 00:02:24,210
Le résultat de cette justice avant pour le navigateur de pile n'est pas la fin d'un composant de réaction.

29
00:02:24,210 --> 00:02:27,730
Nous pouvons donc stocker cela ici et nous pourrons bientôt utiliser la distance.

30
00:02:28,410 --> 00:02:34,650
Maintenant, comment pouvons-nous configurer ce navigateur d'onglets, tout comme le navigateur de pile, le navigateur d'onglets prend l'objet

31
00:02:34,650 --> 00:02:40,590
où nous devons l'informer des différents robinets, pour ainsi dire les différentes sections sur différents écrans que

32
00:02:40,590 --> 00:02:46,880
vous souhaitez charger lorsque nous cliquons sur différents robinets et là j'ai deux onglets dont je veux un

33
00:02:46,880 --> 00:02:49,790
onglet devrait être ce que nous voyons ici.

34
00:02:49,830 --> 00:02:55,980
Donc, notre pile à la fin non seulement cet écran, mais toutes les fonctionnalités pour passer à un autre écran.

35
00:02:56,010 --> 00:03:02,310
Je veux donc avoir la pile entière ici dans un onglet et un écran différent ou

36
00:03:02,310 --> 00:03:11,780
une pile différente dans l'onglet Abbott et la bonne chose est que vous pouvez utiliser une pile ou tout autre navigateur comme écran dans ce navigateur.

37
00:03:12,040 --> 00:03:15,130
Donc, ce que vous pouvez faire ici, c'est que vous pouvez configurer un identifiant.

38
00:03:15,220 --> 00:03:16,570
Appelons-le peut-être repas.

39
00:03:16,570 --> 00:03:18,140
Cela dépend entièrement de ce nom.

40
00:03:18,250 --> 00:03:21,060
Et maintenant, vous pouvez pointer un écran ici.

41
00:03:21,100 --> 00:03:27,100
Vous pouvez également utiliser cette forme longue avec écran, mais je vais utiliser le raccourci et pointer directement

42
00:03:27,100 --> 00:03:35,070
sur un écran ici à l'écran ajouter que vous pointez ici peut même être juste un composant de réaction comme nous l'avons créé ici dans

43
00:03:35,070 --> 00:03:36,520
le dossier screens ou.

44
00:03:36,540 --> 00:03:40,270
Eh bien depuis cette année, comme je l'ai mentionné, tous les retours sont de vrais composants.

45
00:03:40,290 --> 00:03:42,840
Il peut également être le résultat de la création d'un navigateur de pile.

46
00:03:42,840 --> 00:03:50,350
Donc, en effet, je vais utiliser le navigateur de repas ici comme écran à charger pour l'onglet des repas.

47
00:03:50,420 --> 00:03:54,320
En effet, c'est ainsi que cela fonctionne, c'est ainsi que nous pouvons configurer cela.

48
00:03:54,480 --> 00:03:56,420
Voilà donc notre premier robinet.

49
00:03:56,430 --> 00:03:59,300
Le deuxième onglet sera nos favoris et là.

50
00:03:59,340 --> 00:04:01,290
Je n'ai pas encore de pile.

51
00:04:01,290 --> 00:04:07,940
Nous pourrions peut-être en ajouter un plus tard, mais pour l'instant je vais simplement pointer vers l'écran des favoris, alors importons les favoris morts.

52
00:04:07,950 --> 00:04:16,230
Écran ici dans l'écran des favoris d'importation de fichiers du navigateur de repas du dossier des écrans et ce sont des écrans

53
00:04:16,260 --> 00:04:18,000
de favoris comme celui-ci.

54
00:04:18,180 --> 00:04:27,980
Et maintenant, pointez simplement sur l'écran favori ici pour notre identifiant de favoris dans le navigateur de l'onglet inférieur.

55
00:04:28,080 --> 00:04:30,930
Voilà comment nous pouvons facilement configurer un onglet Navigateur.

56
00:04:30,930 --> 00:04:33,340
La question est maintenant de savoir comment l’utiliser.

57
00:04:33,420 --> 00:04:39,000
Eh bien, à la fin, c'est maintenant ce navigateur que nous voulons utiliser comme navigateur d'itinéraire dans l'application,

58
00:04:39,000 --> 00:04:41,510
car il comprend notre navigateur de repas existant.

59
00:04:41,610 --> 00:04:44,520
Et cela nous permet également d'accéder à l'écran préféré.

60
00:04:44,520 --> 00:04:50,010
Donc à la fin, j'utilise simplement cette année dans mon conteneur d'application au lieu du navigateur de

61
00:04:50,010 --> 00:04:56,600
repas, car le navigateur de repas est maintenant imbriqué dans ce navigateur d'onglets et c'est ainsi que vous pouvez combiner plusieurs navigateurs

62
00:04:56,620 --> 00:05:02,400
dans une application native pilotée par la navigation en rack, car vous pouvez simplement mélangez et associez-les ensemble.

63
00:05:02,400 --> 00:05:07,740
Vous avez toujours un navigateur d'itinéraire qui se trouve dans le conteneur de votre application et il est logique que

64
00:05:07,740 --> 00:05:14,550
vous ayez un point d'entrée vers votre application, mais ce navigateur d'itinéraire peut bien sûr avoir nos navigateurs imbriqués comme nous l'avons ici pour ce

65
00:05:14,550 --> 00:05:20,670
robinet où nous pointons vers le navigateur de repas et si nous économisons maintenant en toute sécurité et notre application redémarre donc

66
00:05:20,670 --> 00:05:25,950
vous voyez maintenant nous avons des onglets en bas ici et nous pouvons cliquer dessus pour aller à notre

67
00:05:26,160 --> 00:05:32,550
pile de repas ici et nous pouvons utiliser cette pile comme avant, mais je peux également passer aux favoris revenir à ma pile

68
00:05:32,550 --> 00:05:37,340
qui maintient même qu'il était indiqué et c'est ainsi que nous pouvons facilement ajouter des tâches.

69
00:05:37,380 --> 00:05:39,210
Même chose sur Android bien sûr.

70
00:05:39,480 --> 00:05:44,540
Maintenant, bien sûr, il est également intéressant de noter que ces tapotements ne semblent pas corrects, mais ce serait bien

71
00:05:44,540 --> 00:05:49,290
d'avoir un Je peux l'entendre et pas seulement du texte et nous prendrons soin de configurer ces taps.

72
00:05:49,290 --> 00:05:54,660
Juste une seconde, mais c'est à quel point nous pouvons commencer facilement avec les taps et c'est ainsi

73
00:05:54,660 --> 00:06:00,620
que vous pouvez penser à utiliser plusieurs navigateurs dans une application de navigation React ou dans l'application utilisant la navigation React.

74
00:06:00,630 --> 00:06:05,490
Voyons maintenant comment ajouter des icônes et comment configurer nos robinets un peu plus pour utiliser une

75
00:06:05,490 --> 00:06:08,160
couleur différente de cette année bleue par défaut.