WEBVTT

1
00:00.620 --> 00:07.670
Per riassumere rapidamente ciò che abbiamo
fatto prima, abbiamo creato le

2
00:07.670 --> 00:08.780
tre schermate schermata iniziale,
schermata del profilo e schermata delle
impostazioni.

3
00:08.780 --> 00:15.920
All'interno di ogni schermata abbiamo
definito alcuni composable e questi
composable, come i pulsanti, ci porteranno

4
00:15.920 --> 00:24.800
alle altre schermate e abbiamo definito le
espressioni lambda che definiscono e ci
permettono di navigare

5
00:24.800 --> 00:30.290
tra le schermate, come la navigazione al
profilo e la navigazione alle impostazioni
nella schermata iniziale.

6
00:30.290 --> 00:35.540
E abbiamo detto che per ogni schermata
abbiamo due possibili percorsi di
navigazione.

7
00:35.540 --> 00:42.470
E per rendere più chiaro il profilo,
abbiamo definito un

8
00:42.470 --> 00:43.400
solo percorso di navigazione, che è quello
delle impostazioni.

9
00:43.400 --> 00:49.400
All'interno della schermata delle
impostazioni, si naviga solo verso la
home, e

10
00:49.400 --> 00:51.110
nella schermata home si naviga verso il
profilo e le impostazioni.

11
00:51.110 --> 00:55.490
Definiamo qui i possibili percorsi del
profilo e delle impostazioni della casa.

12
00:55.490 --> 01:03.980
Queste rotte non accettano argomenti, ma
il profilo accetta due parametri: id e
show details.

13
01:03.980 --> 01:11.030
Ora torniamo al nostro grafo di
navigazione e continuiamo la nostra
funzione componibile.

14
01:11.030 --> 01:13.160
Abbiamo definito nuovamente il nostro
percorso.

15
01:13.160 --> 01:13.550
Ragazzi.

16
01:13.550 --> 01:19.670
Possiamo utilizzare, ad esempio, quello
codificato in modo rigido, come ad esempio
la casa.

17
01:19.670 --> 01:26.330
Qui abbiamo la voce nav Backstack e
l'ambito di contenuto del contesto
animato.

18
01:26.330 --> 01:31.040
In questo caso siamo interessati alla voce
Nav back stack.

19
01:31.040 --> 01:35.330
Dobbiamo andare alla schermata iniziale.

20
01:35.330 --> 01:41.180
Quindi creerò una nuova schermata iniziale
composta di funzioni.

21
01:41.180 --> 01:46.460
E qui si deve specificare il parametro
naviga al profilo.

22
01:46.460 --> 01:52.790
Quindi, se rimuoviamo le parentesi graffe,
possiamo utilizzare la navigazione verso
le impostazioni.

23
01:52.790 --> 01:58.280
Mi piace usare questo approccio perché è
più chiaro e più leggibile.

24
01:58.280 --> 02:03.830
Abbiamo due cose da definire: navigare nel
profilo e navigare nelle impostazioni.

25
02:03.830 --> 02:12.920
Dovrei fornire un'espressione lambda con
int e boolean come parametri e unità di
ritorno.

26
02:12.950 --> 02:23.420
Inizierò con l'ID show details e
utilizzerò il controllore nav che abbiamo
creato in precedenza.

27
02:23.420 --> 02:25.880
Quindi l'argomento del controllore di
navigazione.

28
02:25.910 --> 02:30.860
Metodo di navigazione a punti del
controller Nav.

29
02:30.890 --> 02:38.390
La funzione nav controller dot navigate è
un metodo fornito dal componente di
navigazione Jetpack Compose.

30
02:38.390 --> 02:43.790
Viene utilizzato per navigare tra le
diverse destinazioni o schermate
dell'applicazione.

31
02:43.790 --> 02:51.380
Qui si deve specificare il percorso nav
route dot profile dot path.

32
02:51.410 --> 02:58.580
Ok, questo è il modo di navigare senza
parametri, ma

33
02:58.610 --> 03:01.040
dobbiamo navigare con i parametri dell'id
e mostrare i dettagli.

34
03:01.040 --> 03:09.410
Questo è il percorso che mi serve per
utilizzare la funzione plus per aggiungere
l'id e mostrare i dettagli.

35
03:09.680 --> 03:15.890
Aggiungere il punto id aStringa e mostrare
i dettagli.

36
03:15.920 --> 03:17.360
Punto Il alla stringa.

37
03:19.220 --> 03:21.140
Passare alle impostazioni.

38
03:21.140 --> 03:28.250
Non abbiamo bisogno di passare nulla alle
impostazioni, quindi se andiamo nel
percorso navale non ci sono proprietà.

39
03:28.250 --> 03:34.460
Quindi chiameremo il controllore Nav dot
navigate.

40
03:34.490 --> 03:39.680
Utilizziamo nav route dot settings dot
path.

41
03:39.710 --> 03:47.810
Non dimenticate di includerla tra queste
parentesi graffe per renderla
un'espressione lambda.

42
03:47.840 --> 03:51.770
Ok, questa è la navigazione verso le
impostazioni dalla schermata iniziale.

43
03:51.770 --> 03:55.430
E questo è navigare verso il profilo dal
percorso Home.

44
03:55.460 --> 03:58.580
Ora testiamo la nostra applicazione.

45
03:58.580 --> 04:05.180
Aggiungiamo la schermata iniziale al
grafico navale, chiamando qui Aggiungi
schermata iniziale.

46
04:05.180 --> 04:11.180
Dobbiamo definire un controllore e
aggiungere questa funzione all'interno
dell'host nav.

47
04:11.180 --> 04:18.650
Nel prossimo video impareremo a creare un
host nav e a passare il controllore nav.