Bentornati.
Abbiamo finito la logica.
Ora creiamo l'interfaccia utente.
Qui, creare un nuovo pacchetto chiamato screens all'interno di screens.
Creiamo un nuovo file chiamato Selettore di posizione.
Creare una nuova funzione componibile chiamata selettore di posizione.
Passare tre parametri: posizione selezionata, posizione e posizione selezionata.
Il primo parametro è un elenco di stringhe, il secondo parametro
è di tipo stringa e l'ultimo parametro è un'espressione lambda.
Prende in considerazione la stringa dei parametri e restituisce l'unità o il nulla.
Bene, ora iniziamo a creare una nuova colonna componibile.
E all'interno di questa colonna abbiamo un nuovo testo componibile.
Importare il testo componibile e definire il testo.
Selezionare una località.
Il secondo parametro è style material theme dot typography dot headline.
Grande.
Il terzo parametro è il modificatore del punto di imbottitura inferiore ADP.
Ora creo l'elemento per ogni sede, quindi i punti delle sedi per ciascuno.
Quindi dobbiamo passare una posizione come parametro per questa espressione lambda.
Dobbiamo creare una riga che definisca ogni elemento, ogni luogo nell'elenco dei luoghi.
Quindi, per ogni voce dell'elenco delle località passato come parametro,
si deve creare una riga e definirla per ogni località.
Qui la riga inizia con il modificatore modificatore punto riempimento
larghezza massima punto selezionabile e all'interno del selezionabile selezionato.
Sto verificando se la posizione è uguale alla posizione selezionata.
E qui cliccate su Posizione selezionata, andate e passate alla posizione.
Questi sono i due parametri passati dal selettore di posizione.
Componibile.
Assicurarsi di specificare l'imbottitura ATP da tutti i lati.
E dobbiamo specificare l'allineamento verticale del punto al centro del punto in verticale.
Dobbiamo passare il contenuto, quindi il contenuto sarà
passato come espressione lambda per l'ultimo parametro.
Per il pulsante di opzione abbiamo due parametri da specificare, il selezionato e il clic al momento della selezione.
Quando viene selezionata, si va a impostare la posizione e si controlla se è la
posizione selezionata e, al clic, si va a eseguire su Posizione selezionata e si
passano la posizione e la posizione selezionata come parametro, dobbiamo creare un modificatore distanziatore.
Larghezza del punto modificatore dp.
Questo serve solo a separare il testo dal pulsante di opzione.
L'ultima cosa da specificare è il testo componibile.
Quindi il testo equivale alla posizione.
Andate a impostare la posizione.
Ok.
Questa è la nostra funzione componibile del selettore di posizione.
Abbiamo creato una colonna.
Abbiamo quindi un testo.
Selezionare una località.
Questo è solo un titolo.
E al suo interno abbiamo recuperato le posizioni per ogni luogo.
Per ogni località dell'elenco delle località, creare una riga.
All'interno di questa riga abbiamo due elementi: il pulsante di opzione e il pulsante di opzione testo.
Si attiverà il clic sulla posizione selezionata e il testo specificherà il nome della posizione.