WEBVTT

1
00:00.560 --> 00:06.110
Rivediamo cosa abbiamo fatto prima di
creare il grafico nav con l'host nav.

2
00:06.110 --> 00:12.320
All'interno di questo host di navigazione,
abbiamo specificato il nostro controller

3
00:12.320 --> 00:12.740
di navigazione e la destinazione di
partenza, impostata su home.

4
00:12.770 --> 00:22.010
Se scorriamo verso il basso, abbiamo
creato tre metodi: aggiungi schermata
iniziale, aggiungi schermata profilo e
aggiungi schermata impostazioni.

5
00:22.040 --> 00:29.030
Add home screen prende come parametri il
controller nav e il Nav

6
00:29.060 --> 00:31.910
graph Builder e li utilizza per costruire
il percorso di navigazione.

7
00:31.910 --> 00:37.910
È possibile rimuoverlo e sostituirlo, ad
esempio, con una cosa codificata che è la
casa.

8
00:37.910 --> 00:40.280
Ma non preferisco questo metodo.

9
00:40.280 --> 00:47.240
Abbiamo creato questo file e questa classe
chiamata nav route per evitare i percorsi
codificati.

10
00:47.270 --> 00:54.140
Ok, quindi accedo al percorso navale,
ottengo il percorso del profilo e aggiungo
l'ID a questo.

11
00:54.140 --> 01:01.280
Seguendo il componente di navigazione e
gli argomenti e il modo di passare

12
01:01.280 --> 01:08.310
gli argomenti tra le schermate, abbiamo
questa espressione lambda e utilizzeremo
gli

13
01:08.310 --> 01:09.330
argomenti di questa espressione lambda per
l'ID e per mostrare i dettagli.

14
01:09.330 --> 01:15.240
Per questo motivo li includerò come
parametri e non come stringhe.

15
01:15.330 --> 01:21.060
Senza questi segni di dollaro, si
aggiungono ad esempio una costante e un
nullo.

16
01:21.060 --> 01:28.560
Ma se aggiungiamo questi segni di dollaro,
specifichiamo gli argomenti di questa
espressione lambda

17
01:28.560 --> 01:33.450
e li passiamo al percorso del profilo con
i parametri id e show details.

18
01:33.480 --> 01:37.140
Ora scorriamo verso il basso fino alla
schermata Aggiungi profilo.

19
01:37.170 --> 01:38.610
Aggiungere la schermata del profilo.

20
01:38.610 --> 01:47.790
Abbiamo creato un nuovo composable e
l'unica cosa che dobbiamo menzionare e di
cui dobbiamo essere consapevoli è il
profilo.

21
01:47.790 --> 01:54.720
Il profilo contiene e deve includere o
accettare due parametri: l'id e i dettagli
della mostra.

22
01:54.720 --> 02:00.180
Per questo, utilizzeremo la funzione
componibile.

23
02:00.180 --> 02:05.250
E invece di usare solo il percorso,
useremo gli argomenti.

24
02:05.250 --> 02:13.080
Quindi, per renderla una rotta dinamica,
modificheremo la

25
02:13.080 --> 02:14.610
rotta e aggiungeremo gli argomenti a
questo composable.

26
02:14.610 --> 02:23.050
Quindi, per renderlo dinamico e accettare
parametri, useremo queste parentesi
graffe.

27
02:23.080 --> 02:23.500
Ok.

28
02:23.530 --> 02:26.620
Quindi il primo passo è aggiornare la
radice.

29
02:26.650 --> 02:30.340
Il secondo passo consiste nell'includere
gli argomenti.

30
02:30.340 --> 02:31.030
Qui.

31
02:31.030 --> 02:38.920
Il parametro argomenti è un elenco di e
Abbiamo parlato del parametro argomenti
nella sezione precedente.

32
02:38.920 --> 02:45.850
Per saperne di più sugli argomenti e su
come passare gli argomenti

33
02:45.850 --> 02:53.230
tra le schermate di navigazione, si
consiglia di consultare le lezioni
precedenti

34
02:53.230 --> 02:54.160
e la sezione precedente: abbiamo due
parametri, id e show details.

35
02:54.160 --> 02:57.280
Per questo dovremmo utilizzare l'elenco
di.

36
02:57.280 --> 03:02.230
Per specificare un argomento di
navigazione, si inizia con l'argomento
nav.

37
03:02.230 --> 03:16.720
Posso usare id o usare il tipo nav
root.profile.id uguale al tipo nav
type.int.

38
03:16.720 --> 03:22.730
Il primo è di tipo intero e il secondo è
di tipo booleano Ok.

39
03:22.730 --> 03:24.920
Questo è il primo.

40
03:24.950 --> 03:27.470
Il secondo argomento nav.

41
03:27.500 --> 03:30.950
Nav root dot profile dot.

42
03:30.950 --> 03:38.180
Mostra i dettagli del tipo uguale a nav
type dot boolean type.

43
03:38.180 --> 03:46.100
Quindi abbiamo aggiunto gli argomenti e
aggiornato la radice di

44
03:46.100 --> 03:47.810
questo componibile, specificando queste
parentesi graffe per i parametri.

45
03:47.810 --> 03:50.960
Ora scorriamo verso il basso fino alla
schermata del profilo.

46
03:50.960 --> 03:55.850
Qui si utilizzano gli argomenti e si
aggiungono l'ID e i dettagli dello
spettacolo.

47
03:55.850 --> 03:59.510
Scorrere fino alla schermata Aggiungi
impostazioni.

48
03:59.510 --> 04:04.400
Se eseguiamo la nostra applicazione,
otterremo la root come schermata iniziale.

49
04:04.400 --> 04:06.230
E questo non è corretto.

50
04:06.230 --> 04:12.800
È necessario aggiungere il percorso delle
impostazioni, prestando attenzione e
assicurandosi di aggiornare la radice.

51
04:12.800 --> 04:17.030
Quindi la radice di questa composizione è
costituita dalle impostazioni e dal
percorso di Nav root.

52
04:17.030 --> 04:24.350
Mi mancava l'ok alla home, quindi questi
sono i tre nodi e le tre destinazioni
delle nostre schermate.

53
04:24.350 --> 04:26.480
Ora eseguiamo la nostra applicazione.

54
04:26.480 --> 04:28.730
Ecco le impostazioni.

55
04:28.730 --> 04:30.090
Questa è la schermata delle impostazioni.

56
04:30.120 --> 04:31.230
Navigare verso la home.

57
04:31.230 --> 04:34.560
Andate su profilo e questa è la schermata
del nostro profilo.

58
04:34.590 --> 04:35.700
Andare alle impostazioni.

59
04:35.700 --> 04:38.820
E dalle impostazioni possiamo tornare a
casa.

60
04:38.850 --> 04:41.340
Ora testiamo gli argomenti.

61
04:41.340 --> 04:46.560
Se vengono passati correttamente dalla
schermata iniziale o dalla schermata del
profilo oppure no.

62
04:46.590 --> 04:49.680
Per questo, andiamo alla schermata del
profilo.

63
04:49.680 --> 05:03.210
Aggiungiamo un padding qui per il
modificatore e per l'ID del profilo di
testo, utilizziamo l'ID e un altro testo e
impostiamo la

64
05:03.360 --> 05:15.600
dimensione del carattere come 40 SP,
dimensione del carattere 40 SP e qui
mostriamo i dettagli se è impostato
correttamente o meno.

65
05:15.600 --> 05:17.730
Eseguiamo nuovamente la nostra
applicazione.

66
05:17.730 --> 05:20.040
Verifichiamo la schermata del profilo.

67
05:20.040 --> 05:21.120
Ed eccoci qui.

68
05:21.150 --> 05:25.830
L'ID profilo 77 mostra i dettagli è
impostato su true.

69
05:25.860 --> 05:27.480
Congratulazioni ragazzi.

70
05:27.480 --> 05:31.980
Abbiamo imparato a navigare tra le
schermate.