drop-down-menu - 下拉菜单重置值(Flutter)

Question

我有两个下拉菜单，分别是州和城市，基本上当用户选择一个州时，它会自动为州设置城市的值。当我选择州时，会出现城市下拉列表，选择城市后，如果我想将州改回，会报错

“另一个异常被抛出:'package:flutter/src/material/dropdown.dart': Failed assertion: line 513 pos 15: 'items == null || value == null || items.where((DropdownMenuItem item) => item.value == value).length == 1': 不正确。"

List state = [
"Kuala Lumpur",
"Selangor",
"Johor",
"Kedah",
"Kelantan",
"Melaka",
"Negeri Sembilan",
"Pahang",
"Penang",
"Perak",
"Perlis",
"Sabah",
"Sarawak",
"Terengganu"

 ];

List kl = [
"Ampang Hilir",
"Bandar Damai Perdana",
"Bandar Menjalara",
"Bandar Tasik Selatan",
"Bangsar",
"Bangsar South",];

List sel = [
"Ampang",
"Ara Damansara",
"Balakong",
"Bandar Bukit Raja",
"Bandar Kinrara",
"Bandar Puteri Puchong",
"Bandar Sunway",
"Bandar Utama",];

@override


void initState() {
    super.initState();

_dropDownMenuStates = getDropDownMenuState();

}

List<DropdownMenuItem<String>> getDropDownMenuState() {
List<DropdownMenuItem<String>> state1 = new List();
for (String statelist in state) {
  state1.add(
      new DropdownMenuItem(value: statelist, child: new Text(statelist)));
}
return state1;


}

List<DropdownMenuItem<String>> getDropDownMenuKL() {
List<DropdownMenuItem<String>> kl1 = new List();
for (String kllist in kl) {
  kl1.add(new DropdownMenuItem(value: kllist, child: new Text(kllist)));
}
return kl1;


 }

  List<DropdownMenuItem<String>> getDropDownMenuSEL() {
    List<DropdownMenuItem<String>> sel1 = new List();
    for (String sellist in sel) {
      sel1.add(new DropdownMenuItem(value: sellist, child: new Text(sellist)));
    }
    return sel1;
  }

    Expanded(
  child: PhysicalModel(
      borderRadius:
          new BorderRadius.circular(50.0),
      color: Colors.white,
      child: new Container(
          padding: EdgeInsets.only(
              left: 10.0, right: 10.0),
          height: 40.0,
          decoration: new BoxDecoration(
              borderRadius:
                  new BorderRadius
                      .circular(50.0),
              border: new Border.all(
                width: 3.0,
                color: Colors.grey[300],
              )),
          child: new FittedBox(
            fit: BoxFit.contain,
            child: DropdownButton(
              hint: new Text(
                  allTranslations
                      .text('city')),
              value: _currentCity,
              items: _dropDownMenuCity,
              onChanged:
                  changedDropDownCity,
            ),
          ))),
),

SizedBox(
  width: 10.0,
),
Expanded(
  child: PhysicalModel(
      borderRadius:
          new BorderRadius.circular(50.0),
      color: Colors.white,
      child: new Container(
          padding: EdgeInsets.only(
              left: 10.0, right: 10.0),
          height: 40.0,
          decoration: new BoxDecoration(
              borderRadius:
                  new BorderRadius
                      .circular(50.0),
              border: new Border.all(
                width: 3.0,
                color: Colors.grey[300],
              )),
          child: new FittedBox(
            fit: BoxFit.contain,
            child: DropdownButton(
              hint: new Text(
                  allTranslations
                      .text('state')),
              value: _currentState,
              items: _dropDownMenuStates,
              onChanged:
                  changedDropDownState,
            ),
          ))),
),

void changedDropDownState(String selectedState) {
setState(() {
  _currentState = selectedState;
  if (selectedState.toString() == "Kuala Lumpur") {
    _dropDownMenuCity = getDropDownMenuKL();
  } else if (selectedState.toString() == "Selangor") {
    _dropDownMenuCity = getDropDownMenuSEL();}


});


}

  void changedDropDownCity(String selectedCity) {
    setState(() {
      _currentCity = selectedCity;
    });
  }

Answer 1

在设置新的城市列表之前，您需要清除 _currentCity。因为 DropdownButton 等待 items (_dropDownMenuCity) 中的有效 value (_currentCity)。

void changedDropDownState(String selectedState) {
setState(() {
  // <<<
  _dropDownMenuCity = null;
  _currentCity = null;
  // <<<

  _currentState = selectedState;

  if (selectedState.toString() == "Kuala Lumpur") {
    _dropDownMenuCity = getDropDownMenuKL();
  } else if (selectedState.toString() == "Selangor") {
    _dropDownMenuCity = getDropDownMenuSEL();
  }
});

https://gist.github.com/dyegovieira/a2f78d241090a77939100e380987b8a1