如何在ListView.builder条件不满足时返回null？Firebase排除当前登录用户

首先，不能直接在itemBuilder中返回null，因为Flutter的ListView.builder要求itemBuilder必须返回非空的Widget，直接返回null会触发框架异常。正确的做法是先过滤掉当前登录用户的数据，再基于过滤后的列表构建UI：

1. 从Firebase返回的文档集合中过滤掉当前用户的条目
2. 使用过滤后的列表长度作为itemCount
3. 在itemBuilder中直接渲染过滤后的用户数据

修改后的完整代码如下：

StreamBuilder(
  stream: firebase.snapshots(),
  builder: (context, userdata) {
    if (userdata.hasData) {
      // 过滤掉当前登录用户的文档
      final filteredDocs = userdata.data!.docs.where((doc) => doc.id != currentUser!.uid).toList();
      
      return Expanded(
        flex: 1,
        child: Container(
          child: ListView.builder(
            itemCount: filteredDocs.length, // 使用过滤后的列表长度
            itemBuilder: (context, index) {
              final doc = filteredDocs[index];
              return UserItem(
                deviceSize: deviceSize,
                username: doc['username'],
                imageUrl: doc['imageUrl'],
              );
            },
          ),
        ),
      );
    } else {
      return Center(
        child: CircularProgressIndicator(
          color: Color.fromARGB(255, 112, 62, 254),
        ),
      );
    }
  },
)

原方式的问题 #

原来返回Container()会在列表中留下空白占位项，破坏UI体验；而直接返回null会触发Flutter框架错误，因为itemBuilder的返回值不允许为空。通过提前过滤数据源，既能彻底移除当前用户的条目，又能保证列表正常渲染。

内容的提问来源于stack exchange，提问作者Ahmed Iqbal teli