Flutter DropdownMenu搜索框无输入无过滤问题求助

你的问题核心在于两点：一是DropdownMenu不会自动完成选项过滤，必须根据搜索输入手动筛选下拉条目；二是手动给控制器赋值的操作干扰了搜索框的正常输入显示逻辑。

以下是修复后的完整实现方案：

1. 调整状态与控制器逻辑 #

• 删掉onSelected里手动设置controller.text的代码，DropdownMenu会自动同步选中值到搜索框
• 添加状态变量存储过滤后的下拉条目，根据搜索输入实时更新

2. 监听搜索输入并动态过滤 #

在页面的State类中添加如下逻辑：

late TextEditingController _searchController;
late List<DropdownMenuEntry<String>> _filteredEntries;
// 示例原始下拉条目，替换成你自己的数据源
final List<DropdownMenuEntry<String>> menuEntries = [
  DropdownMenuEntry(value: "选项1", label: "选项1"),
  DropdownMenuEntry(value: "选项2", label: "选项2"),
  DropdownMenuEntry(value: "测试选项", label: "测试选项"),
];

@override
void initState() {
  super.initState();
  // 从viewModel获取控制器实例
  _searchController = viewModel.mapControllers["controller"] as TextEditingController;
  _filteredEntries = List.from(menuEntries);
  // 监听搜索输入变化，实时执行过滤
  _searchController.addListener(() {
    final searchText = _searchController.text.toLowerCase();
    setState(() {
      _filteredEntries = menuEntries.where((entry) {
        // 自定义过滤规则：匹配label或value，忽略大小写
        return entry.label.toLowerCase().contains(searchText) ||
               entry.value.toLowerCase().contains(searchText);
      }).toList();
    });
  });
}

@override
void dispose() {
  _searchController.dispose();
  super.dispose();
}

3. 更新DropdownMenu组件 #

将dropdownMenuEntries替换为过滤后的条目：

DropdownMenu<String>(
  enableSearch: true,
  controller: _searchController,
  initialSelection: menuEntries.first.value,
  onSelected: (String? value) {
    setState(() {
      dropdownValue = value!;
      // 移除手动设置controller.text的代码
    });
  },
  dropdownMenuEntries: _filteredEntries,
)

关键说明 #

• 过滤规则可按需修改，比如只匹配label、支持前缀匹配等
• 确保在initState中正确初始化控制器并添加监听，避免内存泄漏
• 不要手动修改控制器的text，DropdownMenu内部会自动处理选中值与搜索框的同步

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