1
00:00:02,520 --> 00:00:07,110
Quindi ora lavoriamo un po 'con la navigazione, siamo in grado di andare avanti e indietro.

2
00:00:07,110 --> 00:00:13,620
Imparerai come aggiungere icone e pulsanti di azione qui a questa intestazione come modellare e controllare l'intestazione in generale come passare i

3
00:00:13,620 --> 00:00:18,630
dati in giro e queste sono tutte cose cruciali per le app mobili che stai costruendo con

4
00:00:18,630 --> 00:00:23,610
React Native Naturalmente queste sono cose che fare ancora e ancora quando si lavora con React Native

5
00:00:23,790 --> 00:00:24,980
per creare app.

6
00:00:25,050 --> 00:00:31,170
Ora questa non è l'unica forma di navigazione che possiamo implementare, anche se possiamo anche toccare in fondo in

7
00:00:31,440 --> 00:00:36,330
modo da poter passare da una sezione all'altra della sua app, che ovviamente fa

8
00:00:36,330 --> 00:00:42,210
tutto un modello tipico che conosci dalle app mobili e che è anche il modello Ho delineato all'inizio

9
00:00:42,210 --> 00:00:49,950
di questo modulo che voglio avere due tocchi nella sua app uno per tutti i nostri pasti o in questo caso tutte le nostre

10
00:00:49,950 --> 00:00:55,440
categorie e uno solo per i nostri pasti preferiti i pasti che abbiamo contrassegnato come preferiti.

11
00:00:55,500 --> 00:01:01,640
Ciò ovviamente ci porta a una domanda importante: come possiamo aggiungere i tocchi quando si lavora con la navigazione reattiva.

12
00:01:01,800 --> 00:01:05,010
E per fortuna non è troppo difficile.

13
00:01:05,010 --> 00:01:09,840
Andiamo al nostro file James del navigatore dei pasti che è dove abbiamo impostato la navigazione e lì abbiamo creato

14
00:01:09,840 --> 00:01:11,090
un navigatore dello stack.

15
00:01:11,190 --> 00:01:17,460
Hai bisogno di un navigatore dello stack ogni volta che hai pagine di schermate nella tua app che sono connesse con un

16
00:01:17,460 --> 00:01:19,020
tale flusso all'indietro in avanti.

17
00:01:19,020 --> 00:01:21,140
Questa è la tipica navigazione dello stack.

18
00:01:21,140 --> 00:01:26,910
Ciò che stiamo usando qui, ovviamente, ne avrà comunque bisogno anche se ora tutti i tocchi degli annunci.

19
00:01:26,970 --> 00:01:32,910
La cosa buona è che puoi semplicemente avere più navigatori nella tua applicazione e questo è esattamente

20
00:01:32,940 --> 00:01:39,190
ben fatto ora dalla navigazione Rick oltre al navigatore dello stack che crea la funzione di navigatore dello stack.

21
00:01:39,210 --> 00:01:45,240
Possiamo anche importare creare navigatore scheda inferiore e che fa esattamente quello che sembra ci permette di creare un navigatore

22
00:01:45,240 --> 00:01:48,080
che funziona con i tocchi nella parte inferiore.

23
00:01:49,050 --> 00:01:56,220
Quindi crea il navigatore della scheda in basso che è e possiamo semplicemente creare quel navigatore aggiuntivo accanto al

24
00:01:56,220 --> 00:02:04,230
nostro navigatore dei pasti diciamo quindi qui qui chiamerò i pasti Navigatore della scheda Pfaff puoi nominarlo come vuoi che vuoi

25
00:02:04,230 --> 00:02:10,110
solo essere veramente chiaro su ciò che il suo navigatore controlli e controlli della ruota

26
00:02:10,110 --> 00:02:17,550
sono pasti e preferiti con i tocchi e chiamo creare navigatore scheda inferiore e memorizzare il risultato in questa

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

28
00:02:18,360 --> 00:02:24,210
Il risultato di questa giustizia prima per il navigatore dello stack non è la fine un componente di reazione.

29
00:02:24,210 --> 00:02:27,730
Quindi possiamo memorizzarlo qui e presto saremo in grado di usare la distanza.

30
00:02:28,410 --> 00:02:34,650
Ora come configuriamo quel navigatore a schede quindi, proprio come il navigatore dello stack, il navigatore a schede

31
00:02:34,650 --> 00:02:40,590
prende tutto l'oggetto in cui dobbiamo informarlo sui diversi tocchi in modo da dire le diverse sezioni

32
00:02:40,590 --> 00:02:46,880
a schermate diverse che vuoi caricare quando facciamo clic su diversi tocca e lì ho due schede che voglio

33
00:02:46,880 --> 00:02:49,790
una scheda dovrebbe essere quello che vediamo qui.

34
00:02:49,830 --> 00:02:55,980
Quindi il nostro stack alla fine non solo questa schermata, ma tutte le funzionalità per passare a un'altra schermata.

35
00:02:56,010 --> 00:03:02,310
Quindi voglio avere l'intero stack qui in una scheda e una schermata diversa o una

36
00:03:02,310 --> 00:03:11,780
pila diversa nella scheda Abbott e la cosa buona è che puoi usare una pila o qualsiasi altro Navigatore come schermata in questo Navigatore.

37
00:03:12,040 --> 00:03:15,130
Quindi quello che puoi fare qui è che puoi impostare un identificatore.

38
00:03:15,220 --> 00:03:16,570
Forse chiamiamolo pasti.

39
00:03:16,570 --> 00:03:18,140
Dipende totalmente da te quel nome.

40
00:03:18,250 --> 00:03:21,060
E ora puoi puntare su uno schermo qui.

41
00:03:21,100 --> 00:03:27,100
Puoi anche usare quella forma lunga con lo schermo, ma userò il collegamento e indicherò direttamente

42
00:03:27,100 --> 00:03:35,070
uno schermo qui allo schermo aggiungendo che punti qui può anche essere solo un componente di reazione come abbiamo creato qui nella

43
00:03:35,070 --> 00:03:36,520
cartella schermi o.

44
00:03:36,540 --> 00:03:40,270
Ebbene da quest'anno, come ho già detto, tutti i rendimenti sono componenti reali.

45
00:03:40,290 --> 00:03:42,840
Può anche essere il risultato di creare stack Navigator.

46
00:03:42,840 --> 00:03:50,350
Quindi, in effetti, userò il navigatore dei pasti qui come schermo da caricare per la scheda dei pasti.

47
00:03:50,420 --> 00:03:54,320
In effetti è così che funziona è come possiamo configurarlo.

48
00:03:54,480 --> 00:03:56,420
Questo è il nostro primo tocco.

49
00:03:56,430 --> 00:03:59,300
La seconda scheda sarà la nostra preferita e lì.

50
00:03:59,340 --> 00:04:01,290
Non ho ancora stack.

51
00:04:01,290 --> 00:04:07,940
Potremmo successivamente aggiungerne uno, ma per ora indico solo la schermata dei preferiti, quindi importiamo i preferiti morti.

52
00:04:07,950 --> 00:04:16,230
Schermata qui nella schermata dei preferiti di importazione dei file del navigatore pasti dalla cartella delle schermate e sono schermate

53
00:04:16,260 --> 00:04:18,000
dei preferiti come questa.

54
00:04:18,180 --> 00:04:27,980
E ora punta semplicemente alla schermata dei preferiti qui per il nostro identificatore dei preferiti nel navigatore della scheda in basso.

55
00:04:28,080 --> 00:04:30,930
Questo è il modo in cui possiamo impostare una scheda Navigator.

56
00:04:30,930 --> 00:04:33,340
La domanda ora è come la usiamo.

57
00:04:33,420 --> 00:04:39,000
Bene, alla fine è ora questo navigatore che vogliamo usare come navigatore del percorso nell'app perché

58
00:04:39,000 --> 00:04:41,510
include il navigatore dei pasti esistente.

59
00:04:41,610 --> 00:04:44,520
E ci permette anche di andare alla schermata preferita.

60
00:04:44,520 --> 00:04:50,010
Quindi alla fine lo uso solo quest'anno nel mio contenitore dell'app anziché nel navigatore dei

61
00:04:50,010 --> 00:04:56,600
pasti perché il navigatore dei pasti ora è nidificato in questo navigatore a schede ed è così che puoi combinare

62
00:04:56,620 --> 00:05:02,400
più navigatori in un'app nativa guidata dalla navigazione in rack perché puoi semplicemente mescolarli e abbinarli insieme.

63
00:05:02,400 --> 00:05:07,740
Hai sempre un navigatore di rotta che si trova nel contenitore dell'app e che ha senso avere un

64
00:05:07,740 --> 00:05:14,550
punto di accesso alla tua app, ma questo navigatore di rotta può ovviamente avere i nostri navigatori nidificati come lo abbiamo qui per

65
00:05:14,550 --> 00:05:20,670
questo rubinetto in cui puntiamo al navigatore dei pasti e se ora salviamo questo in modo sicuro e la nostra app

66
00:05:20,670 --> 00:05:25,950
si riavvia, vedi ora abbiamo schede in basso qui e possiamo fare clic su di loro per

67
00:05:26,160 --> 00:05:32,550
andare al nostro stack di pasti qui e possiamo usare questo stack come prima, ma posso anche passare ai preferiti tornare al

68
00:05:32,550 --> 00:05:37,340
mio stack che continua a dichiarare che era presente ed è così facile aggiungere attività.

69
00:05:37,380 --> 00:05:39,210
Lo stesso su Android ovviamente.

70
00:05:39,480 --> 00:05:44,540
Ora, ovviamente, è anche degno di nota che questi tocchi non guardano bene, ma sarebbe bello avere un posso

71
00:05:44,540 --> 00:05:49,290
ascoltarlo e non solo un po 'di testo e ci occuperemo della configurazione di questi tocchi.

72
00:05:49,290 --> 00:05:54,660
Solo un secondo, ma è così facile iniziare con i tocchi ed è così che puoi

73
00:05:54,660 --> 00:06:00,620
pensare all'utilizzo di più navigatori in un'app di navigazione di reazione o nell'app che utilizza la navigazione di reazione.

74
00:06:00,630 --> 00:06:05,490
Ora vediamo come possiamo effettivamente aggiungere icone e come possiamo configurare i nostri tocchi un po 'di più anche per

75
00:06:05,490 --> 00:06:08,160
usare un colore diverso rispetto a questo anno blu predefinito.