firebase - 在 initState 中初始化变量

Question

我正在 initState(){} 中初始化一个变量:

@override
  void initState() {
    getDataFromFirestore();
    super.initState();

    });
  }

该方法是异步的，基本上是从 Firestore 获取数据以使用数据填充对象“_markerMap”。然后，此属性用作小部件中的属性。这个小部件在我的 build 方法中被调用。

Widget build(BuildContext context) {
    return new Scaffold(
      body: MyWidget(
            markerMap: _markerMap)
     );
  ....
 }

MyWidget 是一个日历。 markerMaps 将图标添加到日历上的特定日期。标记只是有时添加到日历中。所以故障是间歇性的。可以安全地假设在 initState() 中，数据将从 firestore 加载以从 Firestore 初始化变量。有没有想过可能会发生什么以及为什么只有有时标记才会出现在日历上？

在设置 _markerMap 的地方添加代码

getDataFromFirestore() async {
    await FirebaseAuth.instance.currentUser().then((user) {
      Firestore.instance.collection('availableDates').where('bandId', isEqualTo: user.uid).snapshots().listen(
              (data) => data.documents.forEach((doc) => _markerMap.add(
              doc['availableDates'].toDate(),
              Event(
                  date:doc['availableDates'].toDate(),
                  title: 'hello',
                  icon: _presentIcon(doc['availableDates'].toDate().day.toString())))));
      setState(() {});
    }).catchError((onError){
    });
  }

Answer 1

正如我从您的 getDataFromFirestore 方法中看到的，您在获取用户对象 (FirebaseAuth.instance. currentUser() 调用)。

但是，您稍后修改 _markerMap 变量 - 仅当您的 Firestore.instance.collection 查询完成时。在这种情况下，setState 调用它现在所在的位置是多余的。

在 listen 回调中调用 setState 应该可以解决问题。

例如

final _markerMap = {};

getDataFromFirestore() async {
  await FirebaseAuth.instance.currentUser().then((user) {
    Firestore.instance
      .collection('availableDates')
      .where('bandId', isEqualTo: user.uid)
      .snapshots()
      .listen((data) => data.documents.forEach((doc) {
        setState(() { // Here is the setState call
          _markerMap.add(
            doc['availableDates'].toDate(),
            Event(
              date: doc['availableDates'].toDate(),
              title: 'hello',
              icon: _presentIcon(doc['availableDates'].toDate().day.toString())
            )
          );
        });
      }));
  }).catchError((onError) {});
}

请仔细检查此示例代码。我的一般建议是正确的，但我没有亲自测试过。