Skip to main content
se eliminaron 5 caracteres en el cuerpo
Origen Enlace
Jonathan Perez
  • 1.5k
  • 2
  • 5
  • 18
onChanged: (Region? data) {
   if(data.communes != null && data.communes.isNotEmpty){
     final listaComunas = data.communes;
     comunas = [];
     for(var item in listaComunas){
        setState(() {
          comunas = [];
          comunas.add(item);
        });
     }
   }
 }
DropdownSearch<Region>(
              popupProps: const PopupProps.menu(showSearchBox: true),
              asyncItems: (String filter) => controller.getRegiones(),
              itemAsString: (Region u) => u.name ?? "",
              onChanged: (Region? data) {
              if(data.communes != null && data.communes.isNotEmpty){
                final listaComunas = data.communes;
                for(var itemcomunas in= listaComunas){[];
                 for(var item in setState((listaComunas) {
                      comunas =setState(() [];{
                      comunas.add(item);
                    });
                }
              }
            }
              dropdownDecoratorProps: const DropDownDecoratorProps(
                dropdownSearchDecoration: InputDecoration(
                  labelText: "Region",
                  hintText: "Seleccione una region",
                ),
              ),
            ),
onChanged: (Region? data) {
   if(data.communes != null && data.communes.isNotEmpty){
     final listaComunas = data.communes;
     for(var item in listaComunas){
        setState(() {
          comunas = [];
          comunas.add(item);
        });
     }
   }
 }
DropdownSearch<Region>(
              popupProps: const PopupProps.menu(showSearchBox: true),
              asyncItems: (String filter) => controller.getRegiones(),
              itemAsString: (Region u) => u.name ?? "",
              onChanged: (Region? data) {
              if(data.communes != null && data.communes.isNotEmpty){
                final listaComunas = data.communes;
                for(var item in listaComunas){
                    setState(() {
                      comunas = [];
                      comunas.add(item);
                    });
                }
              }
            }
              dropdownDecoratorProps: const DropDownDecoratorProps(
                dropdownSearchDecoration: InputDecoration(
                  labelText: "Region",
                  hintText: "Seleccione una region",
                ),
              ),
            ),
onChanged: (Region? data) {
   if(data.communes != null && data.communes.isNotEmpty){
     final listaComunas = data.communes;
     comunas = [];
     for(var item in listaComunas){
        setState(() {
          comunas.add(item);
        });
     }
   }
 }
DropdownSearch<Region>(
              popupProps: const PopupProps.menu(showSearchBox: true),
              asyncItems: (String filter) => controller.getRegiones(),
              itemAsString: (Region u) => u.name ?? "",
              onChanged: (Region? data) {
              if(data.communes != null && data.communes.isNotEmpty){
                final listaComunas = data.communes;
                comunas = [];
                for(var item in listaComunas){
                    setState(() {
                      comunas.add(item);
                    });
                }
              }
            }
              dropdownDecoratorProps: const DropDownDecoratorProps(
                dropdownSearchDecoration: InputDecoration(
                  labelText: "Region",
                  hintText: "Seleccione una region",
                ),
              ),
            ),
Origen Enlace
Jonathan Perez
  • 1.5k
  • 2
  • 5
  • 18

Lo que yo haría es crear una lista de las comunas cuando se seleccione la región un ejemplo sería:

Supongamos que en éste dropDown tenemos seleccionada "Arica y Parinacota":

DropdownSearch<Region>(
                          popupProps:
                              const PopupProps.menu(showSearchBox: true),
                          asyncItems: (String filter) =>
                              controller.getRegiones(),
                          itemAsString: (Region u) => u.name ?? "",
                          onChanged: (Region? data) => print(data?.name),
                          dropdownDecoratorProps:
                              const DropDownDecoratorProps(
                            dropdownSearchDecoration: InputDecoration(
                              labelText: "Region",
                              hintText: "Seleccione una region",
                            ),
                          ),
                        ),

Suponiendo que tenemos seleccionada esa región, tenemos que declarar una variable de List y la vamos a dejar nula:

List<Commune>? comunas;

En la propiedad onChanged podemos implementar un if para validar que las comunas de la región seleccionada no sean nulas o vacías y luego hacer un ciclo for para agregarlas a la lista creada en el paso anterior:

onChanged: (Region? data) {
   if(data.communes != null && data.communes.isNotEmpty){
     final listaComunas = data.communes;
     for(var item in listaComunas){
        setState(() {
          comunas = [];
          comunas.add(item);
        });
     }
   }
 }

El primer Dropdown quedaría algo así:

DropdownSearch<Region>(
              popupProps: const PopupProps.menu(showSearchBox: true),
              asyncItems: (String filter) => controller.getRegiones(),
              itemAsString: (Region u) => u.name ?? "",
              onChanged: (Region? data) {
              if(data.communes != null && data.communes.isNotEmpty){
                final listaComunas = data.communes;
                for(var item in listaComunas){
                    setState(() {
                      comunas = [];
                      comunas.add(item);
                    });
                }
              }
            }
              dropdownDecoratorProps: const DropDownDecoratorProps(
                dropdownSearchDecoration: InputDecoration(
                  labelText: "Region",
                  hintText: "Seleccione una region",
                ),
              ),
            ),

Sinceramente no he usado mucho DropdownSearch para hacer las modificaciones, pero con esta forma ya tendrías la lista de comunas, dentro de la variable comunas valga la redundancia, espero y esta respuesta te haya servido como guía.