Flutter条件触发Widget显示：选中元素后展示ListView

需求回顾 #

当第二个下拉选择器_selectMateriales选中至少1个元素时，在该选择器与红色按钮之间显示一个ListView，每个选中元素对应一个ListTile。

现有实现的正确性 #

整体核心逻辑是成立的：通过_materialesSeleccionados.isEmpty判断是否展示listaMateriales()组件，这个条件判断完全匹配需求的触发逻辑。但代码存在冗余布局和潜在冲突问题，以下是具体优化建议：

优化与修正点 #

1. 替换空状态占位组件 #

原代码用Column()作为空状态占位，建议换成SizedBox.shrink()，它会占用0尺寸空间，避免空Column带来的不必要布局占位：

_materialesSeleccionados.isEmpty ? SizedBox.shrink() : Padding(
  padding: const EdgeInsets.only(top:20, bottom: 20),
  child: listaMateriales(),
),

2. 简化ListView的嵌套结构 #

listaMateriales()中同时使用Expanded和固定高度的SizedBox存在布局冲突：Expanded会让子组件占据Column的剩余空间，而固定高度的SizedBox会限制ListView高度。根据需求二选一调整：

• 需要固定高度的ListView：移除Expanded

Widget listaMateriales(){
  return SizedBox(
    height: 200.0,
    child: ListView.builder(
      itemCount: _materialesSeleccionados.length,
      itemBuilder: (context, index) {
        final material1 = _materialesSeleccionados[index];
        return _listItems(material1);
      }
    ),
  );
}

• 需要ListView占据剩余空间：移除SizedBox的height属性，保留Expanded

Widget listaMateriales(){
  return Expanded(
    child: ListView.builder(
      itemCount: _materialesSeleccionados.length,
      itemBuilder: (context, index) {
        final material1 = _materialesSeleccionados[index];
        return _listItems(material1);
      }
    ),
  );
}

3. 清理无用布局元素 #

_listItems()中的空Text("")完全多余，直接删除该Expanded节点，避免干扰Row的排版：

Widget _listItems(Material1.Material material) {
  return Padding(
    padding: const EdgeInsets.only(top:20),
    child: ListTile(
      title: Row(
        children: <Widget>[
          // 移除无用的空Text Expanded
          Expanded(
            child: TextField(
              // 补充输入逻辑，比如绑定TextEditingController
            ),
          ),
        ],
      ),
    ),
  );
}

如果需要左侧占位，可替换为固定宽度的SizedBox（如SizedBox(width: 60)），根据UI需求调整。

4. 确保状态更新触发UI刷新 #

必须保证当_materialesSeleccionados数据变化时，调用setState()通知Flutter刷新UI，否则选择元素后ListView不会显示：

// 示例：选择器选中元素时的处理逻辑
void onMaterialSelected(List<Material1.Material> selected) {
  setState(() {
    _materialesSeleccionados = selected;
  });
}

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