使用StreamBuilder实现依赖DropdownButton时遇Null类型转换错误

问题根源 #

1. 第三个StreamBuilder显示条件错误：当前使用causa1 != null || problem != null，只要其中一个值不为null就渲染组件。切换上层Dropdown时，旧的causa1和新的problem会组合成无效的Firebase路径，导致返回null，强制转换为Map时触发类型错误。
2. 未处理Firebase返回null的场景：当查询路径不存在时，snapshot.data!.snapshot.value会是null，直接as Map会抛出类型转换异常。
3. 上层切换时未重置下层状态：切换第一个Dropdown的problem值时，仅重置了setDefaultCauseOne，但未清空causa1和causa2，导致第三个StreamBuilder继续使用旧值查询无效路径。

具体修复步骤 #

1. 修正第三个StreamBuilder的显示条件 #

将causa1 != null || problem != null改为causa1 != null && problem != null，确保只有两个值都有效时才渲染第三个下拉按钮：

causa1 != null && problem != null
    ? Row(...)
    : const Text('Aquí aparecerá las subcausas del problema seleccionado.'),

2. 处理Firebase返回null的情况 #

在每个StreamBuilder中，先判断返回值的类型，避免强制转换null为Map。以第三个StreamBuilder为例：

builder: (context, snapshot) {
  if (!snapshot.hasData || snapshot.data == null) {
    return const Text('Aquí aparecerá las subcausas del problema seleccionado.');
  }
  // 先判断value是否为有效Map
  final value = snapshot.data!.snapshot.value;
  if (value is! Map || (value as Map).isEmpty) {
    return const Text('无可用子原因数据');
  }
  final data = Map<String, dynamic>.from(value);
  if (setDefaultCauseTwo && data.isNotEmpty) {
    causa2 = data.keys.first.toString();
  }
  // 后续下拉按钮代码
}

同样的判断逻辑需要同步应用到第一个和第二个StreamBuilder中，避免同类错误。

3. 上层切换时重置下层状态 #

在第一个Dropdown的onChanged回调中，清空causa1和causa2，确保下层组件不会使用旧值：

onChanged: (value) {
  setState(() {
    problem = value!;
    setDefaultProblem = false;
    setDefaultCauseOne = true;
    causa1 = null; // 重置第二层选中值
    causa2 = null; // 重置第三层选中值
  });
},

在第二个Dropdown的onChanged回调中，清空causa2：

onChanged: (value) {
  setState(() {
    causa1 = value!;
    setDefaultCauseOne = false;
    setDefaultCauseTwo = true;
    causa2 = null; // 重置第三层选中值
  });
},

4. 优化默认值设置逻辑 #

设置默认值前先判断数据是否为空，避免data.keys.first抛出异常：

if (setDefaultProblem && data.isNotEmpty) {
  problem = data.keys.first.toString();
}

同样的修改应用到第二个和第三个StreamBuilder的默认值设置代码中。

总结 #

通过修正显示条件、处理null值、重置下层状态这三个核心调整，即可解决切换上层Dropdown时出现的类型转换错误。同时增加数据为空的判断，能提升界面的健壮性，避免空指针异常。

内容的提问来源于stack exchange，提问作者Juan Peralta Torres