1
00:00:02,710 --> 00:00:07,840
Ora abbiamo dato un'occhiata alla navigazione di base con la navigazione e la navigazione è il tuo strumento

2
00:00:08,020 --> 00:00:13,720
più importante, ma in realtà quando sei all'interno di uno schermo, di un componente caricato con l'aiuto di un navigatore

3
00:00:13,870 --> 00:00:15,950
dello stack, hai alternative per navigare.

4
00:00:15,970 --> 00:00:22,450
Puoi anche usare push invece di navigare, anche se questo non accetta un oggetto Javascript ma prende qui solo il

5
00:00:22,450 --> 00:00:24,240
nome della rotta, in questo

6
00:00:24,250 --> 00:00:30,280
caso i pasti della categoria come primo argomento e con quello, otterrai lo stesso comportamento di prima.

7
00:00:30,610 --> 00:00:33,200
La domanda ovviamente è perché dovresti usare questo.

8
00:00:33,250 --> 00:00:37,960
Numero uno è un po 'più breve della navigazione perché non stai passando

9
00:00:37,960 --> 00:00:39,440
un oggetto ma non

10
00:00:39,490 --> 00:00:47,880
è questo il motivo principale, invece usare push qui può essere utile se vuoi andare a dire una pagina in cui ti trovi già.

11
00:00:47,960 --> 00:00:49,100
Ora lascia che ti mostri cosa intendo.

12
00:00:49,120 --> 00:00:53,560
Se lo ripristino e navigo alle categorie qui, quindi alla schermata della categoria che

13
00:00:53,590 --> 00:00:59,650
è la schermata in cui mi trovo già. Se lo faccio con la navigazione, vedrai che

14
00:00:59,800 --> 00:01:02,690
non accadrà nulla se tocco questo.

15
00:01:02,930 --> 00:01:10,760
Ora, se uso push invece e quindi passo solo le categorie come primo argomento perché è così che funziona

16
00:01:10,760 --> 00:01:16,490
push, vedrai che ora funziona e posso andare più volte sullo stesso schermo ed

17
00:01:16,490 --> 00:01:19,810
è inserito nello stesso stack e ancora.

18
00:01:19,820 --> 00:01:26,030
Ora, naturalmente, potresti chiederti perché dovrei voler spingere lo schermo su cui sono già su questo.

19
00:01:26,030 --> 00:01:32,150
Ora in molte app potresti non averne bisogno, ma supponiamo che tu stia creando un'app come Dropbox in cui hai

20
00:01:32,150 --> 00:01:33,370
cartelle tra le

21
00:01:33,380 --> 00:01:35,440
quali gli utenti possono navigare, se ti

22
00:01:35,570 --> 00:01:38,330
trovi in una cartella, vuoi andare in un'altra cartella.

23
00:01:38,330 --> 00:01:44,960
Ora ogni cartella è tecnicamente la stessa schermata della cartella, solo con contenuto diverso caricato in essa. In tal caso, potresti voler passare dalla cartella A

24
00:01:44,960 --> 00:01:50,720
alla B che utilizza lo stesso componente, la stessa schermata alla fine ma con contenuti diversi, in

25
00:01:50,720 --> 00:01:56,540
tal caso puoi usare push per essere ancora in grado di spingere quella nuova schermata che è

26
00:01:56,540 --> 00:02:02,580
lo stesso schermo nello stack e carica lo stesso schermo con contenuti diversi, questo sarebbe uno scenario in

27
00:02:02,600 --> 00:02:05,860
cui potresti averne bisogno. In questa app, non

28
00:02:05,870 --> 00:02:11,720
ne abbiamo bisogno, quindi non c'è bisogno di push ma lo hai in scenari in

29
00:02:11,720 --> 00:02:13,100
cui la

30
00:02:13,100 --> 00:02:15,830
navigazione non ti porta a quella schermata,

31
00:02:15,830 --> 00:02:23,630
push lo farà sempre all'interno di un navigatore dello stack. Qui, tuttavia, ripristinerò questo per navigare che prende un oggetto con un nome di rotta che

32
00:02:23,630 --> 00:02:31,800
quindi punta a categorie perché qui, non abbiamo assolutamente bisogno di spingere, cioè pasti di categoria però. Quindi questo farà per questa app, ora hai anche

33
00:02:31,800 --> 00:02:33,330
altre opzioni di

34
00:02:33,330 --> 00:02:36,370
navigazione esplicite, diciamo dalla schermata dei

35
00:02:36,420 --> 00:02:39,600
pasti della categoria, vuoi poter tornare indietro.

36
00:02:39,840 --> 00:02:45,330
Bene, naturalmente, siamo in grado di tornare indietro con l'aiuto di questo pulsante Indietro, ma non è nemmeno

37
00:02:45,360 --> 00:02:51,140
così atipico che in alcune app, hai qualche altra cosa che i tuoi utenti possono fare dove vuoi riportarli

38
00:02:51,150 --> 00:02:55,890
indietro, ad esempio diciamo ti trovi in una pagina in cui puoi impostare alcune configurazioni

39
00:02:55,890 --> 00:03:01,180
e quando fai clic sul pulsante Salva, vuoi salvare quella configurazione e vuoi anche lasciare la schermata.

40
00:03:01,290 --> 00:03:07,410
Ora, per questo scenario, potresti voler attivare manualmente una navigazione posteriore e non aspettare che l'utente prema il

41
00:03:07,410 --> 00:03:13,260
pulsante Indietro perché ciò potrebbe costringere l'utente a premere prima un pulsante di salvataggio e poi a

42
00:03:13,260 --> 00:03:17,040
tornare indietro manualmente che non è la migliore esperienza utente.

43
00:03:17,070 --> 00:03:24,210
Quindi qui, simulerò questo semplicemente premendo un pulsante Indietro qui nella nostra schermata, quindi nel nostro

44
00:03:24,210 --> 00:03:30,090
codice jsx e quando lo premiamo, voglio poter tornare indietro, voglio attivare manualmente

45
00:03:30,090 --> 00:03:31,790
una navigazione indietro.

46
00:03:31,950 --> 00:03:37,740
Puoi farlo con l'aiuto del puntello di navigazione perché lì, hai un metodo di ritorno che

47
00:03:37,740 --> 00:03:41,030
puoi chiamare e questo fa proprio quello che sembra.

48
00:03:41,230 --> 00:03:46,380
Se lo salviamo e vado ai pasti, se faccio clic su torna indietro, riproduciamo la navigazione indietro.

49
00:03:46,380 --> 00:03:51,960
Tecnicamente, questo si stacca dallo schermo in cui ci troviamo e quindi

50
00:03:51,960 --> 00:03:58,860
torna alla schermata precedente nello stack. In alternativa per tornare indietro, se ti trovi in un navigatore dello

51
00:03:58,860 --> 00:04:01,740
stack, hai anche pop che fa quello che il nome

52
00:04:02,010 --> 00:04:08,730
implica, si stacca dallo schermo corrente sullo stack e poiché vedi sempre lo schermo più in alto sul tuo dispositivo, anche questo riproduce la

53
00:04:08,730 --> 00:04:14,240
navigazione posteriore, quindi questa è un'alternativa al tornare indietro. La differenza è che il pop può essere utilizzato solo se si

54
00:04:14,240 --> 00:04:14,980
è in

55
00:04:15,090 --> 00:04:19,770
un navigatore dello stack, tornare indietro è disponibile anche in altri navigatori che useremo più avanti in questo modulo.

56
00:04:22,340 --> 00:04:27,000
A volte, vorrai anche tornare indietro fino al componente

57
00:04:27,140 --> 00:04:34,730
principale, diciamo qui nella schermata MealDetailScreen. Lì possiamo anche aggiungere un pulsante

58
00:04:34,730 --> 00:04:39,390
e su questo pulsante qui, voglio tornare alle mie categorie

59
00:04:39,390 --> 00:04:49,090
diciamo e quindi, aggiungerò onPress e in questa funzione qui, posso usare il pop di navigazione degli oggetti di

60
00:04:49,090 --> 00:04:56,860
scena, giusto, perché questo ci riporta indietro .

61
00:04:56,860 --> 00:04:59,230
Bene, il problema ovviamente è che mi riporta indietro ma solo allo schermo prima di questo schermo, quindi allo schermo.

62
00:04:59,230 --> 00:05:03,250
Vengo da. Voglio tornare alla schermata delle

63
00:05:03,250 --> 00:05:06,040
categorie, quindi voglio saltare due schermate contemporaneamente.

64
00:05:06,250 --> 00:05:08,450
Per questo hai pop in alto, questo

65
00:05:08,560 --> 00:05:14,260
è un altro metodo che puoi chiamare che semplicemente salta da tutte le schermate dallo stack e ti

66
00:05:14,470 --> 00:05:15,970
riporta alla schermata principale.

67
00:05:16,390 --> 00:05:21,100
Quindi se fai clic su questo, otteniamo l'animazione posteriore e torniamo alla nostra schermata principale che

68
00:05:21,220 --> 00:05:22,720
in questo caso è

69
00:05:22,720 --> 00:05:27,570
la schermata della categoria, quindi questa è un'alternativa qui. Ora, con quello, c'è solo un'ultima possibile

70
00:05:27,580 --> 00:05:33,780
azione di navigazione che a volte potresti aver bisogno. Diciamo nella schermata delle categorie, vuoi andare ai pasti della

71
00:05:34,050 --> 00:05:41,880
categoria ma non vuoi aggiungerlo allo stack ma vuoi invece sostituire il componente corrente nello stack con esso, in modo che ci sia ancora

72
00:05:41,940 --> 00:05:47,790
solo uno schermo in lo stack ma quella schermata è quindi una nuova pagina, ciò significa anche che

73
00:05:47,790 --> 00:05:49,570
non sarai in grado

74
00:05:49,620 --> 00:05:54,630
di tornare indietro sulla nuova pagina perché lo stack sarà vuoto in seguito, il che

75
00:05:54,630 --> 00:05:56,820
significa che la tua app verrà chiusa.

76
00:05:56,820 --> 00:06:00,990
Quindi, nel caso tu voglia farlo, puoi usare sostituisci. Sostituisci anche come push

77
00:06:01,020 --> 00:06:09,150
prende solo un identificatore come questo e sostituisci ti porta anche alla nuova schermata, tuttavia non riproduce alcuna animazione in

78
00:06:09,150 --> 00:06:15,240
avanti, invece salta immediatamente lì e non ottieni alcun pulsante indietro automaticamente perché lo

79
00:06:15,240 --> 00:06:19,030
stack è vuoto altrimenti, questo è il solo schermo.

80
00:06:19,200 --> 00:06:24,540
Questo potrebbe essere usato ad esempio su una schermata di accesso in cui un utente ha effettuato l'accesso e una

81
00:06:24,540 --> 00:06:26,990
volta effettuato l'accesso, l'utente non dovrebbe essere in grado

82
00:06:27,030 --> 00:06:32,430
di tornare alla schermata di accesso, quindi puoi semplicemente sostituire la schermata di accesso con la tua connessione sullo schermo con

83
00:06:32,430 --> 00:06:34,370
il profilo utente o qualcosa del genere.

84
00:06:34,620 --> 00:06:39,930
Se provi ancora a tornare indietro, non succede nulla perché non puoi tornare indietro,

85
00:06:39,930 --> 00:06:44,390
non c'è nient'altro nello stack. Pertanto, ovviamente, sostituire non è assolutamente

86
00:06:44,430 --> 00:06:51,600
ciò di cui abbiamo bisogno in questa app, volevo solo introdurlo qui, anche se vedremo più modelli disponibili e come andare avanti

87
00:06:51,630 --> 00:06:56,810
e indietro tra le pagine e quando si potrebbe voler sostituire o passare da una schermata

88
00:06:56,830 --> 00:07:02,610
all'altra in questo modo in questo modulo, volevo solo introdurlo a questo punto, ancora qui, tornerò a navigare

89
00:07:02,910 --> 00:07:10,680
con il nome del percorso che punta ai pasti della categoria. E con ciò, hai avuto una panoramica di alcuni dei metodi di navigazione di base che

90
00:07:10,800 --> 00:07:16,230
ti consentono di andare avanti e indietro tra i tuoi schermi. Come ho già detto, ovviamente vedremo molti

91
00:07:16,230 --> 00:07:22,500
schemi in azione in questo modulo, per ora è così e direi che, a parte questo, è

92
00:07:22,500 --> 00:07:30,180
tempo di aggiungere effettivamente un po 'di carne a questa applicazione, assicurarsi che sia un un'applicazione più realistica e non

93
00:07:30,330 --> 00:07:33,030
solo un'applicazione fittizia come è attualmente.