如何在Flutter中绑定和枚举DropdownButton?

时间:2018-04-23 01:17:44

标签: enums flutter raddropdownbutton

是否可以将下拉按钮绑定到枚举?我创建了一个枚举,并尝试将其绑定到下面的下拉按钮代码。感谢您的帮助。

enum ClassType {
  Class-A,
  Class-B,
  Class-C,
  Class-D
}

new DropdownButton<String>(
    value: classType,
    onChanged: (String newValue) {
        setState(() {
            viewModel.classType = newValue;
            });
        },
    items: ClassType.map((String classType) {
        return new DropdownMenuItem<String>(
            value: classType,
            child: new Text(classType),
        );
   }).toList(),
)

1 个答案:

答案 0 :(得分:4)

首先,您需要将DropdownButton类型参数更新为ClassType而不是String。在Dart中,枚举声明会创建一个新类型,而不是字符串。

new DropdownButton<ClassType>(...);

接下来,您需要更改枚举名称。枚举必须是有效的dart标识符,这意味着它不能包含符号-

enum ClassType {A, B, C, D}

我还更新了你的map方法,你的枚举实例上没有静态迭代器,你必须列出它们。此外,您需要手动将它们转换为字符串,方法是调用toString,这将为您提供"ClassType.A"ClassType.B"或通过编写您自己的函数来执行此操作。

return new DropdownButton<ClassType>(
    value: classType,
    onChanged: (ClassType newValue) {
      setState(() {
        viewModel.classType = newValue;
      });
    },
    items: ClassType.values.map((ClassType classType) {
      return new DropdownMenuItem<ClassType>(
        value: classType,
        child: new Text(classType.toString()));
    }).toList();
);