Bentornati.
In questo video trasformeremo la funzione componibile campo
di testo statico in una funzione componibile statica.
In un approccio stateless, invece di gestire lo stato di un campo di testo
all'interno del componibile stesso, si passerà lo stato come parametro alla funzione componibile.
Ciò favorisce un'architettura più prevedibile e scalabile, poiché la gestione
dello stato è disaccoppiata dalla logica di rendering dell'interfaccia utente.
Sotto questa funzione, creerò un'altra funzione componibile.
E lo chiamerò campo di testo stateless.
Qui è necessario passare i parametri.
Il primo è il testo, ovvero la stringa.
Se torniamo al campo di testo con stato, gestiamo lo stato creando
una variabile di tipo string text che sarà passata al valore.
Questo è il primo.
La seconda cosa da passare è il comportamento quando il valore è cambiato.
Quindi dobbiamo passare questa espressione lambda.
Qui creerò una variabile chiamata "on text changed".
E questa variabile è di tipo lambda che prende come parametro una
stringa e non restituisce nulla, il che va bene per l'unità.
Questo è il nostro campo di testo stateless.
Ora, all'interno di questo composable, inizierò creando una colonna.
All'interno di questa colonna abbiamo un campo di testo e un testo che compone il campo di testo.
Nell'approccio stateless non ci preoccupiamo del valore e della
modifica del valore, perché vengono passati come parametri.
Qui è molto semplice.
Passo il testo che è il valore e quando il valore viene modificato, ho bisogno di passare il testo modificato.
Quindi questi parametri vengono passati dai parametri del campo
di testo stateless, quindi devo definire un testo.
E qui hai scritto.
Naturalmente utilizzerò il parametro testo.
Inoltre, utilizzerò un altro parametro, che è l'etichetta, per
renderlo identico al precedente campo di testo statico.
Ora voglio che vi concentriate su di me per chiamare il campo di testo stateless.
Stiamo per salire.
E qui utilizzerò un campo di testo stateless.
Qui ho bisogno di definire due parametri, il testo e l'espressione lambda all'interno del contenuto del set.
Definirò la variabile di stato per il testo iniziando con var text by.
Ricordiamo che è uno stato mutabile di stringa vuota.
È molto semplice e lo abbiamo definito prima.
Poi devo passare il parametro text come testo.
Inoltre, poiché l'espressione lambda è l'ultimo parametro all'interno del campo
di testo stateless componibile, posso scriverlo in questo modo.
Oppure, se preferite il vecchio stile, posso definirlo così.
Nuovo testo.
Il testo è uguale al nuovo testo.
È l'espressione lambda che verrà eseguita quando il valore del campo di testo viene modificato.
Eseguiamo la nostra applicazione e per essere più precisi
possiamo specificare il nome del parametro on text modificato.
E questa è la nostra applicazione.
E si vede.
Ciao amici.
L'applicazione funziona bene.
È così che si passa da compositi con stato a compositi senza stato.