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

Question

是否可以将下拉按钮绑定到枚举？我创建了一个枚举，并尝试将其绑定到下面的dropdownbutton代码。感谢您对此的任何帮助。

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

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

Answer 1

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

DropdownButton（...）;

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

enum ClassType {A, B, C, D}

我还更新了您的map方法，枚举实例上没有静态迭代器，您必须将它们列出。另外，您将需要手动将其转换为字符串，方法是调用toString会给您"ClassType.A"，ClassType.B"或者编写您自己的函数来实现。

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