繁体   English   中英

Flutter 中的下拉按钮不会将值更改为所选值

[英]DropdownButton in Flutter not changing values to the selected value

在我的代码中,我添加了一个下拉列表,如下所示,当我在下拉列表中切换选择时,它没有更新它的显示异常,我在 statefull 小部件中声明了一个变量,在我的下拉列表 function 中,我将其作为 A 值分配给下拉列表按钮,在 Onchanged 中我将 json 传递给另一个 function 我从变量中获取值并将其分配给 setState 内的 opSelected 变量

class _ReportFilterState extends State<ReportFilter> {

  String opSelected;
 //declared string to hold the selected value in dropdown within the state class.

    buildMainDropdown(List<Map<String, Object>> items, StateSetter setState) {
        return Container(
          child: Padding(
            padding: const EdgeInsets.symmetric(
              horizontal: 27.0,
              vertical: 16.0,
            ),
            child: Align(
              alignment: Alignment.topLeft,
              child: DropdownButtonHideUnderline(
                child: DropdownButton(
                  isExpanded: true,
                  hint: Text("Choose Filters"),
                  value: opSelected, // Here assigning the value 
                  items: items
                      .map((json) => DropdownMenuItem(
                          child: Text(json["displayName"]), value: json))
                      .toList(),
                  onChanged: (json) {
                    manageIntState(json, setState);
                  },
                ),
              ),
            ),
          ),
        );
      }

 void manageIntState(Map<String, Object> jsonSelected, StateSetter setState) {
    setState(() {
      dispName = jsonSelected["displayName"]; 

//here I am setting the selected value
      opSelected = dispName;

//Doing some operations
      id = jsonSelected['id'];
      type = jsonSelected['type'];
      selectedFilterOption = jsonSelected;

      if (jsonSelected.containsKey("data")) {
        List<Map<String, Object>> tempList;
        List<String> dailogContent = List<String>();
        tempList = jsonSelected['data'];

        tempList
            .map((val) => {
                  dailogContent.add(val['displayId']),
                })
            .toList();
        _showReportDialog(dailogContent);
      }
    });
  }

但是当我运行时,我最终会出错

项目==空|| items.isEmpty||value==null||itsems.where((DropdownMenuItem item)=>item.value==value).length==1 不正确..

让我知道我在代码中做错了什么,所以如果我评论它没有显示选定的下拉值,它就会像这样给我。

DropdownButton的选定value不是其项目的值之一时,就会发生该错误。

在您的情况下,您的项目值是json ,它是Map<String, Object> ,并且DropdownButton的值是opSelected ,它是String

所以你需要像这样改变opSelected的类型:

Map<String, Object> opSelected;

还要确保您将相同项目列表的引用传递给buildMainDropdown() ,因为如果您在调用buildMainDropdown()时创建一个新列表,那么DropdownButton将有另一个选项引用并且这是不允许的


注意:您可能希望对 Map 使用动态而不是 Object,如下所示:

Map<String, dynamic> opSelected;

这是为什么: dart中的动态和Object有什么区别?

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM