在 Flutter Web 的文本小部件中显示来自 Firebase 的文档计数答案

【问题标题】：Display Document count from Firebase in a Text Widget in Flutter Web在 Flutter Web 的文本小部件中显示来自 Firebase 的文档计数
【发布时间】：2021-06-14 14:29:14
【问题描述】：

我正在开发一个管理网站，我想在仪表板上显示一些数据，例如总用户数或总销售额。但经过大量发现，我无法在文本小部件中显示数据。

这是home.dart

int placeCount = 0;
  countDocuments() async {
    
    QuerySnapshot myDoc2 =
        await FirebaseFirestore.instance.collection('Places').get();
    List<DocumentSnapshot> myDocCount2 = myDoc2.docs;
    this.placeCount = myDocCount2.length;
    print(this.placeCount);
 
    // Count of Documents in Collection
  }

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

//The way  of displaying the data in Text Widget
Text(this.placeCount),

结果是控制台上的计数打印是正确的，但是在文本小部件上显示的计数数据将是我所做的初始化数，即 0。是我做错了什么，placeCount 无法从中获取正确的数据计数countDocuments() 方法？有人请帮助我。非常感谢！

【问题讨论】：

标签： firebase flutter count document

【解决方案1】：

您必须更新变量的状态，调用

setState(() {
  this.placeCount = myDocCount2.length;
});

这应该会更新值

【讨论】：

太棒了！ :) 如果它以您期望的方式解决了您的问题，请考虑将答案标记为正确。