Flutter Web点击ListTile展示用户详情报错：无法无条件调用"??"方法

错误原因 #

你碰到的Method "??" can't be unconditionally invoked错误，核心问题在于selectedUser是可空的Map类型（Map<String, dynamic>?）。当你直接写selectedUser['Full name']时，如果还没点击任何列表项（也就是selectedUser为null），这行代码相当于对null执行[]取值操作，这在Dart空安全规则里是不允许的——空合并运算符??只能处理表达式结果为null的情况，但没法提前阻止对null调用方法/操作符。

修复方案 #

方案1：使用空安全链式调用（最简洁） #

直接给selectedUser加上?.链式调用，先判断它是否为null，再执行取值操作，最后用??设置默认空字符串：

Container(
  width: screenWidth * 0.4,
  child: Column(
    children: [Text(selectedUser?['Full name'] ?? '')],
  ),
)

方案2：条件渲染（更友好的用户提示） #

如果希望在未选择用户时显示提示文字，而不是空字符串，可以用条件判断渲染：

Container(
  width: screenWidth * 0.4,
  child: Column(
    children: [
      selectedUser != null 
          ? Text(selectedUser!['Full name']) 
          : Text('请选择一个用户查看详情')
    ],
  ),
)

额外优化：简化用户数据赋值 #

你在列表项点击事件里的类型转换可以简化，Firebase的QueryDocumentSnapshot自带data()方法直接返回对应的Map，不需要强制类型转换：

onTap: () {
  setState(() {
    // 替换原来的强制类型转换
    selectedUser = snapshot.data!.docs[index].data();
  });
},

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