WEBVTT

1
00:00.890 --> 00:04.070
Abbiamo creato il controllore nav e l'host
nav.

2
00:04.100 --> 00:08.270
Ora navigheremo tra queste schermate.

3
00:08.300 --> 00:16.160
All'inizio dobbiamo passare il controllore
nav come parametro per la prima schermata.

4
00:16.160 --> 00:22.310
E nell'espressione lambda onclick dobbiamo
gestire l'evento click.

5
00:22.310 --> 00:28.820
Utilizzando il controllore nav che ci è
stato passato, usiamo il metodo navigate.

6
00:28.820 --> 00:37.670
È necessario specificare la destinazione o
il percorso

7
00:37.700 --> 00:38.060
in base alle rotte definite nell'host nav.

8
00:38.060 --> 00:39.770
Quindi, per favore, prestate attenzione.

9
00:39.770 --> 00:44.240
È molto complicato e allo stesso tempo
molto semplice.

10
00:44.240 --> 00:46.190
Qui copiamo il percorso.

11
00:46.220 --> 00:50.420
In secondo luogo, dobbiamo passare dalla
prima alla seconda schermata.

12
00:50.420 --> 00:57.530
Quindi il metodo navigate navigherà dalla
prima alla seconda schermata.

13
00:57.530 --> 01:04.910
Quindi il metodo nav controller dot
navigate viene utilizzato per navigare
verso una

14
01:04.910 --> 01:11.490
destinazione specifica nel grafico di
navigazione di Jetpack Compose in questo
contesto Il

15
01:11.520 --> 01:20.970
secondo è il nome della radice della
destinazione a cui si vuole navigare

16
01:21.000 --> 01:21.960
e si definisce questa destinazione
nell'host nav allo stesso modo, scendendo
fino all'onclick.

17
01:21.960 --> 01:27.240
Anche nella seconda schermata dobbiamo
passare il controller nav e utilizzarlo
qui.

18
01:27.270 --> 01:30.810
Il controller di navigazione è un punto di
navigazione.

19
01:30.810 --> 01:34.290
Dobbiamo specificare il percorso che è il
primo.

20
01:34.320 --> 01:37.290
Ok ragazzi, prestate attenzione.

21
01:37.290 --> 01:40.110
È necessario specificare le chiavi.

22
01:40.110 --> 01:41.970
Pensate ai percorsi come a una chiave.

23
01:42.000 --> 01:43.950
Questa è la chiave e questo è il valore.

24
01:43.980 --> 01:46.020
Questa è la chiave e questo è il valore.

25
01:46.050 --> 01:48.780
Pensateci in questo modo, ok?

26
01:48.810 --> 01:52.140
È quindi necessario specificare il titolo
del percorso.

27
01:52.140 --> 01:55.710
Si passa dalla seconda schermata alla
prima.

28
01:55.710 --> 02:02.040
Inoltre posso utilizzare il controller nav
per navigare verso l'alto.

29
02:02.040 --> 02:08.790
Questa funzione viene utilizzata per
tornare alla schermata

30
02:08.790 --> 02:11.130
precedente. Ora la rimuoveremo
dall'anteprima e risolveremo l'errore.

31
02:11.130 --> 02:17.750
È necessario passare l'oggetto del
controllore nav quando lo si richiama nel
set content.

32
02:21.050 --> 02:23.210
Ora eseguiamo la nostra applicazione.

33
02:23.240 --> 02:24.140
Ed eccoci qui.

34
02:24.170 --> 02:25.910
Questa è la nostra applicazione.

35
02:25.910 --> 02:27.260
È brutto.

36
02:27.260 --> 02:33.860
Includerò alcuni padding nella colonna
della prima schermata.

37
02:37.340 --> 02:38.570
40 dpi.

38
02:39.290 --> 02:42.560
E nella seconda schermata.

39
02:42.560 --> 02:46.970
Imbottitura del punto di modifica 40 dpi.

40
02:47.000 --> 02:50.630
Ok, eseguiamo di nuovo l'operazione e
vediamo i cambiamenti.

41
02:50.660 --> 02:51.470
Eccoci qua.

42
02:51.470 --> 02:52.700
Ora va meglio.

43
02:52.730 --> 02:55.340
Ora testiamo la navigazione.

44
02:55.340 --> 02:57.050
Questa è la prima schermata.

45
02:57.050 --> 03:00.050
Passare alla seconda schermata ed eccoci
al punto di partenza.

46
03:00.080 --> 03:01.610
Questa è la seconda schermata.

47
03:01.610 --> 03:05.000
Possiamo passare alla prima schermata
facendo clic su questo pulsante.

48
03:05.030 --> 03:09.740
Passare più volte alla seconda schermata.

49
03:09.740 --> 03:11.990
Quindi, congratulazioni ragazzi.

50
03:11.990 --> 03:18.110
Siamo riusciti a implementare il
componente di navigazione nella nostra
applicazione.