Flutter Dropdown: ¿cómo crear una lista desplegable? DropdownButtonFormField

Debido a que esté widget es una lista desplegable necesitaremos almacenar nuestras opciones o variables dentro de una lista. Eso será la forma más eficiente de construir un dropdown.

Debido a que esté widget es una lista desplegable necesitaremos almacenar nuestras opciones o variables dentro de una lista. Eso será la forma más eficiente de construir un dropdown.

DropdownButtonFormField necesitan dos parámetros requeridos los cuáles son children y onChanged.

children espera recibir una lista de widgets, específicamente una lista de widgets tipo DropdownMenuItem().

onChanged también es requerido, como una función. Si no agregamos este parámetro no obtendremos un error; sin embargo nuestro dropdown no funcionará. Esta función recibe un valor y dentro de las llaves podremos ejecutar cualquier tarea.

Crear una lista desplegable en flutter

Cuando utilizamos la función .map() en una lista, separamos cada uno de sus ítems en valores independientes y a continuación podemos retornar algo, en este caso retornaremos un DropdownMenuItem() por cada item de la lista. Y debido a que nuestra lista es simple, de tipo string, solo tendremos el valor string en la variable «e».

DropdownMenuItem() requiere de un child y value. child será propiamente un widget de tipo Text() regularmente, y value tendrá directamente el valor que necesitamos obtener.

Finalmente ahora que tenemos construida cada una de las opciones de nuestro widget, tal como en un principio se esperaba una list [] y ahora tenemos un map, simplemente procederemos a agregar la función .toList().

Por unFuturista

Vemos el futuro, no para cambiarlo sino para cumplirlo.

Dejar un comentario

Tu dirección de correo electrónico no será publicada.