Flutter Dialog中ListView筛选时else分支空元素残留占位问题

• 核心代码漏洞：itemBuilder的else分支未添加return语句，当前写法仅在分支内实例化空容器但没有将其返回给ListView，导致该分支实际返回null。Flutter布局流程遇到itemBuilder返回null时，会沿用上一次同索引item的占位尺寸，因此哪怕尝试给空容器设置0高度也完全无效——这个空容器根本没有被插入Widget树，所有配置都不会生效。之前忽略// ignore: missing_return的编译警告，也是这个问题一直未被发现的原因。
• 数据源逻辑缺陷：直接将全量foods的长度作为ListView的itemCount，在itemBuilder内部临时做筛选判断，会让所有原始列表项都参与布局流程，即使返回空占位也会产生多余的占位开销，在Dialog内部的松散布局约束下容易暴露占位异常。
• 之前尝试的Key、StatefulBuilder方案无效，本质是没有触碰到上述两个核心问题：Key仅用于Widget树复用时的状态匹配，对未被插入树的Widget没有作用；StatefulBuilder仅解决了Dialog内setState不刷新的问题，没有修正itemBuilder的返回逻辑错误。

1. 重构筛选逻辑：提前根据搜索关键词生成过滤后的展示列表，让ListView的itemCount直接使用过滤后列表的长度，不匹配的项根本不会进入构建流程，从根源上避免占位问题
2. 补全itemBuilder的所有分支返回值，所有正常匹配的项直接返回原有按钮组件，不需要重复写两套完全一致的按钮构建逻辑
3. 移除外层已固定高度的ListView上多余的shrinkWrap配置，减少不必要的性能开销

核心修复代码片段 #

// 在StatefulBuilder内部，先根据搜索词生成过滤后的列表
final filteredFoods = editingController.text.isEmpty
    ? foods
    : foods.where((food) => 
        food.name.toLowerCase().contains(editingController.text.toLowerCase())
      ).toList();

// ListView部分的配置修改
child: ListView.builder(
  padding: const EdgeInsets.only(top: 20.0, bottom: 10),
  // itemCount直接使用过滤后列表的长度，不再用全量列表长度
  itemCount: filteredFoods.length,
  // 移除多余的shrinkWrap: true，因为外层已经固定了ListView的高度
  itemBuilder: (context, index) {
    final food = filteredFoods[index];
    return Container(
      margin: const EdgeInsets.only(left: 10.0, right: 10.0, bottom: 10),
      child: RaisedButton(
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(30.0)),
        onPressed: () {
          // 原有点击逻辑保持不变
          Navigator.pop(context);
          _controllers.clear();
          setState(() {});
        },
        child: Text(
          food.name,
          textAlign: TextAlign.center,
        ),
      ),
    );
  },
)

补充说明：之前非Dialog场景下运行正常，是因为普通页面的布局约束是严格紧约束，null返回值的异常占位会被父级约束压缩隐藏，而Dialog内部是松散约束，才会显现出空占位保留原有按钮高度的问题。

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