Flutter选中下拉项后移除项报错，求解决方案

问题核心修复方案 #

1. 先修正addRepairIssue方法的致命错误

你的removeWhere条件写反了——原代码会删掉所有不等于选中值的元素，导致下拉列表只剩选中的那一项，完全违背「移除选中项」的需求。正确写法应该是删掉等于选中值的元素：

void addRepairIssue(String val) {
  // 修复类型不匹配：如果_arrSelectedRepairIssues是List<RepairIssue>，要转成对应类型
  // 示例：_arrSelectedRepairIssues.add(RepairIssue(val));
  // 或者直接把_arrSelectedRepairIssues改成List<String>（更简单）
  _arrSelectedRepairIssues.add(val);
  // 移除选中的项，保留其他所有可选值
  _repairIssues!.removeWhere((element) => element == val);
  notifyListeners();
}

2. 修正类型不匹配问题

你定义的_arrSelectedRepairIssues是List<RepairIssue>，但直接添加String val会导致编译错误。二选一解决：

• 把_arrSelectedRepairIssues改成List<String>，和数据源类型统一；
• 如果必须用RepairIssue类，调用对应的构造方法转换，比如_arrSelectedRepairIssues.add(RepairIssue(name: val))。

3. 确保Dropdown动态刷新选项

把下拉选项的生成逻辑放在Provider的Consumer/Selector中，保证每次provider更新时，下拉列表能同步刷新最新的可选值：

Consumer<YourProvider>(
  builder: (context, provider, child) {
    final dropDownItems = provider.repairIssues?.map((e) => DropdownMenuItem<String>(
          child: Text(e, style: theme.largeSubtitleTextStyle),
          value: e,
        )).toList() ?? [];

    return DropdownButtonHideUnderline(
      child: DropdownButtonFormField<String>(
        autovalidateMode: AutovalidateMode.onUserInteraction,
        decoration: InputDecoration(
          contentPadding: EdgeInsets.symmetric(horizontal: 12, vertical: 12),
          border: OutlineInputBorder(
            borderSide: BorderSide(width: 1),
            borderRadius: BorderRadius.circular(8),
          ),
          isDense: true,
        ),
        hint: Text(
          PgaLocalization().msg()!.selectAnIssue,
          style: theme.largeSubtitleTextStyle,
        ),
        value: null, // 保持为空，始终显示hint
        isDense: true,
        onChanged: (value) {
          if (value != null) provider.addRepairIssue(value);
        },
        validator: (value) {
          return provider.arrSelectedRepairIssues.isEmpty 
              ? 'Please select an issue to continue.' 
              : null;
        },
        items: dropDownItems,
      ),
    );
  },
)

替代组件推荐 #

如果需要更直观的「多选+已选标签」体验，原生组件可以用Wrap配合Chip展示已选项，搭配TextField做搜索选择；也可以用第三方库（如multi_select_flutter）快速实现带移除功能的多选列表，比Dropdown更符合这类交互场景。

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