WEBVTT 1 00:00.860 --> 00:01.610 Fino ad oggi. 2 00:01.610 --> 00:06.140 Abbiamo creato un controllore di navigazione utilizzando la funzione Ricorda controllore di navigazione. 3 00:06.140 --> 00:13.670 Passiamo questo controllore nav alla funzione composable nav graph e 4 00:13.670 --> 00:15.110 all'interno di questa funzione abbiamo creato un host nav. 5 00:15.110 --> 00:19.880 Questo host nav utilizzerà il costruttore di grafici navali per creare la schermata iniziale. 6 00:19.880 --> 00:27.170 Ora creeremo le altre destinazioni usando la funzione compostabile 7 00:27.170 --> 00:28.250 nello stesso modo in cui abbiamo fatto prima. 8 00:28.250 --> 00:33.890 Quindi creerò un'altra funzione chiamata Aggiungi schermata profilo. 9 00:33.890 --> 00:42.950 Questa schermata di profilo accetterà gli stessi parametri di Aggiungi funzione 10 00:42.980 --> 00:47.930 schermata iniziale controllore nav, controllore host nav e costruttore grafico nav. 11 00:47.960 --> 00:54.170 Ok, allo stesso modo userò il Nav Graph Builder composable. 12 00:54.170 --> 00:58.400 Quindi, qui il costruttore di grafi nav è componibile. 13 00:58.430 --> 01:04.280 Ho bisogno di passare i parametri della rotta composta e degli argomenti. 14 01:04.280 --> 01:12.150 Ancora una volta, se abbiamo bisogno di passare degli argomenti, dobbiamo usare il parametro arguments di questa funzione componibile. 15 01:12.150 --> 01:15.330 Se non lo facciamo, usiamo solo la radice. 16 01:15.360 --> 01:25.860 Inizierò con root uguale a nav root dot profile, dot path dot plus id. 17 01:25.860 --> 01:30.480 E devo aggiungere gli argomenti relativi ai dettagli dello spettacolo. 18 01:30.480 --> 01:38.460 Questi sono i due argomenti che abbiamo definito nel percorso del profilo, ovvero l'ID e i dettagli di visualizzazione. 19 01:38.490 --> 01:42.180 Bene, ora continuiamo con questa composizione. 20 01:42.180 --> 01:48.750 Se aggiungiamo le parentesi graffe, possiamo accedere alla voce Nav Backstack. 21 01:48.780 --> 01:53.400 O semplicemente posso usare la schermata del profilo qui. 22 01:53.400 --> 01:58.380 Devo passare l'ID per mostrare i dettagli e l'espressione lambda. 23 01:58.410 --> 02:01.350 Andare alle impostazioni, navigare nelle impostazioni. 24 02:01.350 --> 02:08.880 Dovrei fornire l'ID e mostrare i dettagli da dove devo ottenere questi parametri. 25 02:08.880 --> 02:15.180 Ho bisogno di ottenerli dalla radice della nav e la radice della nav è fornita dalla voce Nav Backstack. 26 02:15.180 --> 02:22.470 Per questo utilizzerò la voce nav backstack val args equals to. 27 02:22.500 --> 02:25.950 Nav Argomenti del punto di ingresso di Backstack. 28 02:25.950 --> 02:31.290 L'id sarebbe args dot get integer. 29 02:31.320 --> 02:40.080 La chiave sarebbe nav route.profile.id per mostrare i dettagli allo stesso modo. 30 02:40.110 --> 02:47.610 ARGs dot get boolean nav route dot profile dot show details. 31 02:47.640 --> 02:49.620 Passare alle impostazioni. 32 02:49.620 --> 02:55.410 Fornire un'espressione lambda nav controller dot navigate. 33 02:55.440 --> 03:05.610 Si possono usare le impostazioni come hardcoded o si può usare nav route dot settings dot path. 34 03:05.610 --> 03:07.590 Questa è la schermata del profilo. 35 03:07.590 --> 03:11.910 Ora aggiungiamo le impostazioni. 36 03:11.910 --> 03:18.240 Quindi, la funzione Aggiungi schermata delle impostazioni è identica a quella precedente. 37 03:18.240 --> 03:21.570 Dobbiamo passare il controllore nav e il costruttore nav. 38 03:21.570 --> 03:25.330 Perciò permettetemi di copiarle e incollarle qui. 39 03:25.330 --> 03:33.640 All'interno di questi parametri, se andiamo nella schermata delle impostazioni, possiamo vedere che abbiamo un testo e un pulsante. 40 03:33.640 --> 03:37.420 È quindi necessario navigare verso la home dalle impostazioni. 41 03:37.420 --> 03:40.330 Per questo torniamo al grafico navale. 42 03:40.330 --> 03:47.080 Qui dobbiamo aggiungere il punto composable del costruttore di grafi nav, perché si tratta di una destinazione. 43 03:47.080 --> 03:49.960 E qui dobbiamo specificare un percorso. 44 03:49.960 --> 03:52.900 Non è necessario specificare gli argomenti di cui abbiamo bisogno. 45 03:52.990 --> 03:59.380 Non è necessario passare parametri e argomenti tra le impostazioni e la home. 46 03:59.380 --> 04:04.480 Quindi indirizzeremo l'utente dalle impostazioni alla home senza parametri. 47 04:04.480 --> 04:17.170 A tale scopo, utilizziamo solo il percorso route nav route dot home dot all'interno della schermata 48 04:17.170 --> 04:22.000 delle impostazioni dell'ambito e questa schermata di impostazioni prende in considerazione l'espressione lambda dei parametri. 49 04:22.000 --> 04:24.670 Questo è navigare verso casa. 50 04:24.670 --> 04:27.070 Posso usarlo in questo modo. 51 04:27.070 --> 04:34.150 Navigare verso la home invece di usare direttamente l'espressione 52 04:34.150 --> 04:35.650 lambda, perché è l'ultimo parametro nella schermata delle impostazioni. 53 04:35.650 --> 04:36.700 Parametri. 54 04:36.730 --> 04:47.650 Navigare verso il controller nav dot navigate e all'interno di 55 04:47.680 --> 04:51.400 questa funzione useremo nav route dot home dot path. 56 04:51.430 --> 04:55.210 Includeteli tra queste parentesi graffe. 57 04:55.210 --> 04:56.890 E questo è tutto. 58 04:56.920 --> 05:03.520 L'ultimo passo consiste nell'aggiungere queste funzioni all'host nav e aggiungere queste destinazioni. 59 05:03.550 --> 05:06.190 Schermata Aggiungi profilo. 60 05:06.190 --> 05:09.130 Qui dobbiamo fornire il controllore nav. 61 05:09.130 --> 05:13.870 Dovremmo fornire il costruttore di nav utilizzando questa parola chiave. 62 05:13.870 --> 05:21.550 Poiché questa funzione è fornita dall'host nav all'interno di questo scoop e della costruzione del grafico nav. 63 05:21.550 --> 05:26.140 L'ultima schermata è la schermata Aggiungi impostazioni. 64 05:26.140 --> 05:31.510 Dobbiamo fornire un controllore di navigazione e questo come costruttore di grafici di navigazione. 65 05:31.510 --> 05:33.250 Salvare il progetto.