您可以像这样使用FutureBuilder：

AppBar(
    title: FutureBuilder<String>(
           future: itemCount(), 
           builder: (BuildContext context, AsyncSnapshot<int> snapshot) {
               if (snapshot.hasData) {
                  return Text("# Items: " + snapshot.data.toString());
               }else {
                  Text("No data");
               }
           }),
     )

你 正在 调用 一 个 " Future " 函数 ， 这个 函数 返回 一 个 Future ， 所以 你 不能 这样 显示 它 ， 你 需要 使用 一 个 await （ 如果 你 在 异步 函数 中 ） 或 一 个 .then() （ 如果 你 不在 异步 函数 中 ） 。 在 你 的 情况 下 打印 它 的 最 好 方法 是 使用 一 个 FutureBuilder 或 关键 字 await 。

经过一些试验，我得出结论，我需要使用StreamBuilder。以下是修复此问题的解决方案：

appBar: AppBar(
              title: StreamBuilder(
                stream: itemList.snapshots(),
                builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {

                  if (snapshot.connectionState == ConnectionState.waiting) {
                    return const Text("# Items: ...");
                  }

                  else if (snapshot.hasData) {
                    return Text("# Items: ${snapshot.data?.docs.length ?? 0}");
                  }

                  else {
                    return const Text('# Items: 0');
                  }

                },  // Item Builder
              ),  // Stream Builder
            ),  // App Bar

appBar标题中包含#个项目的已完成项目的屏幕快照：

浮动操作按钮可将项目添加到列表中，而onTap可从列表中删除所选项目。标题保持更新。

• 我希望这能对未来有所帮助 *