Flutter开发：从Firebase数据库添加笔记数量统计

问题说明 #

我尝试在Text('Calculus 2')组件旁添加笔记数量统计，但代码中_noteCount = snapshot.data!.docs;出现红色下划线。希望获取'ACALnotes'集合下的所有笔记数量，并显示在Calculus 2文本旁，曾尝试_noteCount = snapshot.documents.length;但无效，改成与home_screen.dart中一致的_noteCount = snapshot.data!.docs;仍有问题。

错误原因分析 #

• 引用类型错误：用DocumentReference操作整个集合是错误的，应该使用CollectionReference来处理集合数据。
• 异步操作未等待：Firestore数据获取是异步操作，必须用await等待结果返回，否则直接调用data()会得到空值或报错。
• 赋值类型不匹配：snapshot.data!.docs是文档对象列表，而_noteCount是int类型，应该取列表的length属性得到数量。

修正后的完整代码 #

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts'; // 补充GoogleFonts的导入

class AdminScreen extends StatefulWidget {
  final Color backgroundColor;
  const AdminScreen({Key? key, required this.backgroundColor}) : super(key: key);

  @override
  _AdminScreenState createState() => _AdminScreenState();
}

class _AdminScreenState extends State<AdminScreen> {
  int _noteCount = 0;

  @override
  void initState() {
    super.initState();
    _getNoteCount();
  }

  void _getNoteCount() async {
    // 获取集合的查询快照
    QuerySnapshot<Map<String, dynamic>> snapshot =
        await FirebaseFirestore.instance.collection('ACALnotes').get();
    setState(() {
      // 取文档列表长度作为笔记数量
      _noteCount = snapshot.docs.length;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: widget.backgroundColor,
      body: Row(
        mainAxisAlignment: MainAxisAlignment.start,
        children: [
          const SizedBox(width: 45, child: Icon(Icons.calculate_outlined)),
          Flexible(
            child: Text('Calculus 2 ($_noteCount notes)',
              style: GoogleFonts.roboto(
                color: Colors.black,
                fontWeight: FontWeight.bold,
                fontSize: 18
              ),
            ),
          ),
        ],
      ),
    );
  }
}

额外优化方案 #

如果需要实时更新数量（比如新增笔记时自动刷新显示），可以改用流监听集合变化：

void _listenToNoteCount() {
  FirebaseFirestore.instance.collection('ACALnotes')
    .snapshots()
    .listen((snapshot) {
      setState(() {
        _noteCount = snapshot.docs.length;
      });
    });
}

将initState中的_getNoteCount()替换为_listenToNoteCount()即可。

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