Rivediamo cosa abbiamo fatto prima di creare il grafico nav con l'host nav.
All'interno di questo host di navigazione, abbiamo specificato il nostro controller
di navigazione e la destinazione di partenza, impostata su home.
Se scorriamo verso il basso, abbiamo creato tre metodi: aggiungi schermata iniziale, aggiungi schermata profilo e aggiungi schermata impostazioni.
Add home screen prende come parametri il controller nav e il Nav
graph Builder e li utilizza per costruire il percorso di navigazione.
È possibile rimuoverlo e sostituirlo, ad esempio, con una cosa codificata che è la casa.
Ma non preferisco questo metodo.
Abbiamo creato questo file e questa classe chiamata nav route per evitare i percorsi codificati.
Ok, quindi accedo al percorso navale, ottengo il percorso del profilo e aggiungo l'ID a questo.
Seguendo il componente di navigazione e gli argomenti e il modo di passare
gli argomenti tra le schermate, abbiamo questa espressione lambda e utilizzeremo gli
argomenti di questa espressione lambda per l'ID e per mostrare i dettagli.
Per questo motivo li includerò come parametri e non come stringhe.
Senza questi segni di dollaro, si aggiungono ad esempio una costante e un nullo.
Ma se aggiungiamo questi segni di dollaro, specifichiamo gli argomenti di questa espressione lambda
e li passiamo al percorso del profilo con i parametri id e show details.
Ora scorriamo verso il basso fino alla schermata Aggiungi profilo.
Aggiungere la schermata del profilo.
Abbiamo creato un nuovo composable e l'unica cosa che dobbiamo menzionare e di cui dobbiamo essere consapevoli è il profilo.
Il profilo contiene e deve includere o accettare due parametri: l'id e i dettagli della mostra.
Per questo, utilizzeremo la funzione componibile.
E invece di usare solo il percorso, useremo gli argomenti.
Quindi, per renderla una rotta dinamica, modificheremo la
rotta e aggiungeremo gli argomenti a questo composable.
Quindi, per renderlo dinamico e accettare parametri, useremo queste parentesi graffe.
Ok.
Quindi il primo passo è aggiornare la radice.
Il secondo passo consiste nell'includere gli argomenti.
Qui.
Il parametro argomenti è un elenco di e Abbiamo parlato del parametro argomenti nella sezione precedente.
Per saperne di più sugli argomenti e su come passare gli argomenti
tra le schermate di navigazione, si consiglia di consultare le lezioni precedenti
e la sezione precedente: abbiamo due parametri, id e show details.
Per questo dovremmo utilizzare l'elenco di.
Per specificare un argomento di navigazione, si inizia con l'argomento nav.
Posso usare id o usare il tipo nav root.profile.id uguale al tipo nav type.int.
Il primo è di tipo intero e il secondo è di tipo booleano Ok.
Questo è il primo.
Il secondo argomento nav.
Nav root dot profile dot.
Mostra i dettagli del tipo uguale a nav type dot boolean type.
Quindi abbiamo aggiunto gli argomenti e aggiornato la radice di
questo componibile, specificando queste parentesi graffe per i parametri.
Ora scorriamo verso il basso fino alla schermata del profilo.
Qui si utilizzano gli argomenti e si aggiungono l'ID e i dettagli dello spettacolo.
Scorrere fino alla schermata Aggiungi impostazioni.
Se eseguiamo la nostra applicazione, otterremo la root come schermata iniziale.
E questo non è corretto.
È necessario aggiungere il percorso delle impostazioni, prestando attenzione e assicurandosi di aggiornare la radice.
Quindi la radice di questa composizione è costituita dalle impostazioni e dal percorso di Nav root.
Mi mancava l'ok alla home, quindi questi sono i tre nodi e le tre destinazioni delle nostre schermate.
Ora eseguiamo la nostra applicazione.
Ecco le impostazioni.
Questa è la schermata delle impostazioni.
Navigare verso la home.
Andate su profilo e questa è la schermata del nostro profilo.
Andare alle impostazioni.
E dalle impostazioni possiamo tornare a casa.
Ora testiamo gli argomenti.
Se vengono passati correttamente dalla schermata iniziale o dalla schermata del profilo oppure no.
Per questo, andiamo alla schermata del profilo.
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
dimensione del carattere come 40 SP, dimensione del carattere 40 SP e qui mostriamo i dettagli se è impostato correttamente o meno.
Eseguiamo nuovamente la nostra applicazione.
Verifichiamo la schermata del profilo.
Ed eccoci qui.
L'ID profilo 77 mostra i dettagli è impostato su true.
Congratulazioni ragazzi.
Abbiamo imparato a navigare tra le schermate.