Flutter / Dart-在值更改时让StreamBuilder <DocumentSnapshot>重建子级

时间:2020-06-08 18:50:45

标签: flutter dart

我正在尝试根据用户是否参加调查来显示特定的图标。

目前,我正在使用StreamBuilder来监听文档中的给定值,该文档将返回调查名称。然后,我想在下一个StreamBuilder中使用调查名称,该名称将在给定的集合(由调查名称后跟_entrants-例如,Survey_entrants组成)中查找完整的调查文档,该文档将具有用户唯一ID的标题(名为userid)。

我现在遇到的问题是,虽然surveyName确实返回了放置在Cloud Firestore中的调查的名称,并且在我更改了值时对其进行了更新(我可以通过注释返回return new Text('$ surveyName' );命令)。

但是,它似乎并没有将该值传递到下一个StreamBuilder中-不管我输入的调查名称是什么,我都会显示检查图标,提示(snapshot1.hasData)-即使该文档没有存在。

我知道SurveyName变量正在工作,但是如果我执行snapshot1.toString(),则会收到错误Snapshot(ConnectionState.active,“ DocumentSnapshot”的实例,为null)。这必须算有数据,从而显示正在进行的调查。我该如何纠正?

我的代码:

Positioned(
  right: 30,
  top: 20,
  child: StreamBuilder<DocumentSnapshot>(
    stream: Firestore.instance
    .collection('Controller')
    .document('Current Survey')
    .snapshots(),
    builder: (BuildContext context,
              AsyncSnapshot<DocumentSnapshot> snapshot) {
      if (!snapshot.hasData) {
        return CircularProgressIndicator();
      } else {
        var sn = snapshot.data;
        surveyName = sn["cs"];
//      return new Text('$surveyName');
        return StreamBuilder(
          stream: Firestore.instance
          .collection('$surveyName' + '_entrants')
          .document(userid)
          .snapshots(),
          builder: (BuildContext context, snapshot1) {
            if (!snapshot1.hasData) {
              return Icon(
                Foundation.burst_new,
                size: 48,
                color: Color(0xff303841),
              );
            } else if (snapshot1.hasData) {
              return Icon(
                Foundation.check,
                size: 48,
                color: Color(0xff303841),
              );
            } else {
              return Icon(
                MaterialIcons.error_outline,
                size: 48,
                color: Color(0xff303841),
              );
            }
          });
      }
    })),

我的Cloud Firestore数据库如下所示:https://imgur.com/a/AJYjcYu

1 个答案:

答案 0 :(得分:0)

我遇到的问题是,即使数据库中没有要返回的内容,Cloud Firestore也会返回DocumentSnapshot。因此,我将(snapshot1.hasData)更改为(snapshot1.data.exists),这可以按预期工作-图标根据响应而更改。

                    Positioned(
                        right: 45,
                        top: 15,
                        child: StreamBuilder<DocumentSnapshot>(
                            stream: Firestore.instance
                                .collection('Controller')
                                .document('Current Survey')
                                .snapshots(),
                            builder: (BuildContext context,
                                AsyncSnapshot<DocumentSnapshot> snapshot) {
                              if (!snapshot.hasData) {
                                return CircularProgressIndicator();
                              } else {
                                var sn = snapshot.data;
                                surveyName = sn["cs"];
//                                return new Text('$surveyName');
                                return StreamBuilder<DocumentSnapshot>(
                                    stream: Firestore.instance
                                        .collection(surveyName + '_entrants')
                                        .document(userid)
                                        .snapshots(),
                                    builder: (BuildContext context, snapshot1) {
                                      if (!snapshot1.data.exists) {
                                        return Icon(
                                          Foundation.burst_new,
                                          size: 36,
                                          color: Color(0xff303841),
                                        );
                                      } else if (snapshot1.data.exists) {
//                                        return Text(snapshot.toString(),
//                                            overflow: TextOverflow.visible,
//                                            style: TextStyle(fontSize: 8));
                                        return Icon(
                                          Foundation.check,
                                          size: 36,
                                          color: Color(0xff303841),
                                        );
                                      } else {
                                        return Icon(
                                          MaterialIcons.error_outline,
                                          size: 36,
                                          color: Color(0xff303841),
                                        );
                                      }
                                    });
                              }
                            })),