如何在Flutter中使用GetX添加下拉按钮并修复代码报错？

错误1：参数类型不匹配（Object? → String） #

原因：DropdownButton未指定泛型类型，导致onChanged回调返回的newValue为Object?类型，与setSelected方法要求的String参数不兼容。

修复方式：

• 给DropdownButton指定泛型<String>，让回调返回类型变为String?
• 调用setSelected时添加空值判断，避免传入null

错误2：Controller未定义listType #

原因：代码中引用了controller.listType作为下拉选项数据源，但Controller类中未声明该属性。

修复方式：

• 在Controller中添加listType属性，定义下拉选项的具体数据

修改后的Controller代码 #

final selected = "".obs;
// 添加下拉选项列表，可根据实际需求修改选项内容
final listType = ["Rider A", "Rider B", "Rider C"].obs;

void setSelected(String value){
  selected.value = value;
}

修改后的data_table.dart中DropdownButton代码片段 #

DataCell(
  Obx(() => DropdownButton<String>(
    hint: const Text('Assign Rider'),
    onChanged: (newValue) {
      if(newValue != null){
        controller.setSelected(newValue);
      }
    },
    // 初始值为空时设为null，避免DropdownButton因value不在选项列表中报错
    value: controller.selected.value.isEmpty ? null : controller.selected.value,
    items: controller.listType.map((selectedType) {
      return DropdownMenuItem(
        value: selectedType,
        child: Text(selectedType),
      );
    }).toList(),
  )),
),

内容的提问来源于stack exchange，提问作者Muhammad Awais