tengo dos DropdownButtonFormFiel, la información que se muestra en el segundo depende de que se selecciona en el primero. He probado con setState() pero no actualiza la lista del segundo DropdownButtonFormField. Los dos Dropdown los lleno gracias a un llamado a sus respectivos WebServices, ambos funcionan correctamente. Mis dos DropdownButtonFormField estan en un modal, cuando me salgo del modal y vuelvo a entrar mi segundo Dropdown si tiene los items correlacionados a lo que seleccione en el primer Dropdown, lo que quisiera hacer es que se actualice al instante, cada ves que el usuario selecciones un elemento del primer Dropdown el segundo se actualice con los elementos correspondientes Este es el código
const Text('Provincia : ', textAlign: TextAlign.left),
const SizedBox(
height: 6,
),
DropdownButtonFormField<String>(
isExpanded: true,
onChanged: (String? value) => {
prov_dropdownValue = value!,
setState((){
_getDistrito(provincia_map[prov_dropdownValue])
})
},
icon: const Icon(Icons.arrow_downward),
value: prov_dropdownValue,
elevation: 16,
onSaved: (String? value) {
setState(() {
prov_dropdownValue = value!;
});
},
items: lista_provincia.map<DropdownMenuItem<String>>((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value),
);
}).toList(),
),
const SizedBox(
height: 10,
),
const Text('Distrito : ', textAlign: TextAlign.left),
const SizedBox(
height: 6,
),
DropdownButtonFormField<String>(
isExpanded: true,
onChanged: (String? value) => {dist_dropdownValue = value!},
icon: const Icon(Icons.arrow_downward),
value: dist_dropdownValue,
elevation: 16,
onSaved: (String? value) {
setState(() {
dist_dropdownValue = value!;
});
},
items: lista_distrito.map<DropdownMenuItem<String>>((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value),
);
}).toList(),
),
Con la función _getDistrito(provincia_map[prov_dropdownValue]) llamo los datos de distritos con un WebService.