Voci Nav per ogni indice.
È una funzione di ordine superiore di Kotlin che itera su un insieme
di elementi della nav e fornisce sia l'indice che l'elemento in ogni iterazione.
È utile quando si devono eseguire operazioni che dipendono sia
dalla posizione che dal valore di ciascun elemento dell'insieme.
Nav items è l'insieme su cui si sta iterando.
Può essere un elenco, una matrice o qualsiasi altro insieme iterabile e in
questo caso si tratta di un elenco di oggetti item per ogni indice.
Questa è la funzione che itera sull'insieme, fornendo
sia l'indice che l'elemento per ogni elemento.
Indice la posizione dell'elemento corrente nell'insieme.
L'elemento è l'elemento corrente della collezione.
Ecco quindi un elenco di elementi.
E vogliamo creare una barra di navigazione inferiore in cui
ogni elemento è rappresentato da una voce di navigazione inferiore.
Quindi creiamo un elemento di navigazione inferiore per ogni elemento dell'elenco di elementi di navigazione.
Abbiamo quindi tre voci: profilo della casa e impostazioni.
Dobbiamo creare un elemento per ciascuno di questi elementi.
Nella barra di navigazione dell'elenco, abbiamo il parametro selected e onClick e l'icona.
Cominciamo con l'elemento della barra di navigazione.
L'elemento della barra di navigazione è una funzione componibile fornita da
Jetpack Compose che rappresenta un elemento della barra di navigazione inferiore.
Questa funzione viene utilizzata all'interno della barra di navigazione, precedentemente chiamata
navigazione inferiore, per creare singoli elementi che gli utenti possono selezionare.
Abbiamo un'icona.
Abbiamo selezionato l'etichetta e facciamo clic sull'icona per visualizzare l'icona per questo
elemento e sull'etichetta per visualizzare l'etichetta di testo per questo elemento selezionato.
Un booleano che indica se questo elemento è attualmente selezionato o meno.
onClick Un callback da invocare quando si fa clic sull'elemento.
Inoltre, abbiamo molti altri parametri come il modificatore che mostra
sempre l'etichetta, i colori, l'interazione, la fonte e altri.
È l'elemento della barra di navigazione.
Il primo parametro sarà l'elemento selezionato.
Se è uguale all'indice, al momento del clic.
Iniziamo con l'elemento selezionato onclick uguale a index.
Questo è il primo passo.
Impostazione della voce selezionata sul controller navale indice.
È necessario sincronizzare il controller di navigazione con la navigazione in basso.
Per questo è necessario utilizzare la navigazione.
Quando l'utente fa clic su un elemento, dobbiamo ottenere il percorso.
È inoltre necessario utilizzare il controller della navigazione punto grafico punto di partenza percorso di destinazione punto sinistro.
Punto di controllo della navigazione.
Navigare qui.
Avvia la navigazione verso la destinazione specificata definita dal percorso dell'elemento.
Le opzioni di navigazione.
Questo blocco consente di specificare ulteriori opzioni e comportamenti di navigazione.
Il controllore di navigazione.
Inizio del punto grafico.
Punto del percorso di destinazione.
Controlla se il percorso di destinazione iniziale del grafo di navigazione non è nullo.
Se non è nullo, esegue il codice all'interno del blocco let, con il
percorso che è il percorso di partenza e il pop-up del percorso.
Questa opzione apre il Backstack fino alla rotta specificata.
In genere, la destinazione di avvio e lo stato di salvataggio sono uguali a true.
Salva lo stato delle destinazioni artistiche, consentendo di ripristinare il
loro stato se l'utente vi ritorna in un secondo momento.
È necessario utilizzare il lancio del singolo tocco uguale a true e il ripristino dello stato uguale a true.
Avvio con un solo tocco.
Questo assicura che se la destinazione si trova già in cima
al backstack, non venga creata una nuova istanza della destinazione.
Invece, l'istanza esistente viene riutilizzata, evitando che
vengano create più istanze della stessa destinazione.
Ripristinare lo stato.
Ripristina lo stato di salvataggio della destinazione, se è stato salvato in precedenza.
Ad esempio, se è stato aperto con lo stato di salvataggio uguale a true.
Ricordare il pop-up per avviare il singolo tocco e ripristinare lo stato.
Queste sono le opzioni di navigazione.
Quindi il pop up due fa saltare il backstack fino all'inizio.
Il salvataggio della destinazione e il lancio con un solo tocco impediscono la duplicazione delle istanze della
destinazione e il ripristino dello stato ripristina lo stato se la destinazione è stata precedentemente salvata.
Questa configurazione di navigazione consente una navigazione efficiente e piena di stati con
l'applicazione Jetpack Compose, garantendo la conservazione dello stato ed evitando duplicazioni nella destinazione.
Utilizzando queste opzioni di navigazione, si migliora l'esperienza dell'utente
con un comportamento di navigazione fluido e coerente.
Ora specifichiamo l'icona e usiamo l'icona item dot icon e la descrizione del contenuto item dot title.
Sostituire il pittore con un vettore o un'immagine vettoriale.
Poiché si tratta di un vettore e non di un'immagine, è necessario utilizzare un altro parametro, ovvero l'etichetta.
L'etichetta corrisponde al titolo del punto dell'elemento di testo.
Ok, ecco come implementare la barra di navigazione nella nostra applicazione.