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.