Flutter中如何通过onTap获取Firestore文档ID并跳转分类页

问题分析 #

你当前的代码存在冗余逻辑：每次点击列表项时，重新发起了整个prova集合的查询，还遍历所有文档，这会导致多次触发页面跳转，完全没必要。实际上StreamBuilder已经获取了所有文档数据，直接从当前列表项对应的文档对象中提取ID即可。

修正方案 #

直接通过document[index].id获取当前点击项的文档ID，去掉多余的集合查询和遍历逻辑：

return Scaffold(
  body: StreamBuilder(
    stream: firestore.snapshots(),
    builder: (context, snapshot) {
      if (snapshot.connectionState == ConnectionState.waiting) {
        return const Center(child: CircularProgressIndicator());
      }
      
      final documents = snapshot.data?.docs;
      
      return ListView.builder(
        itemCount: documents?.length,
        itemBuilder: (context, index) {
          // 获取当前项的文档对象
          final currentDoc = documents![index];
          // 直接从文档对象取ID
          final docId = currentDoc.id;
          // 取文档中的name字段
          final categoryName = currentDoc['name'];
          
          return Center(
            child: Column(
              children: [
                InkWell(
                  onTap: () {
                    // 直接使用当前项的ID和名称跳转
                    Navigator.push(
                      context,
                      MaterialPageRoute(
                        builder: (context) => CategoriesPage(
                          document: categoryName,
                          docId: docId,
                        ),
                      ),
                    );
                  },
                  // 这里补全你原来的InkWell子组件，比如显示分类名称的Text
                  child: Text(categoryName),
                ),
              ],
            ),
          );
        },
      );
    },
  ),
);

关键说明 #

• documents[index].id是Firestore文档对象自带的属性，直接就能拿到当前项的文档ID，无需额外查询
• 把文档数据的提取逻辑放在itemBuilder里，避免重复代码
• 确保documents不为空的情况下使用（代码里加了!，你也可以根据实际情况做非空判断，比如用if (documents == null) return const SizedBox();）

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