flutter - Firestore 复合查询不适用于 Flutter Web

标签 flutter google-cloud-firestore flutter-web

您好,我在 StreamBuilder 中有一个简单的 Firestore 查询

StreamBuilder(
          stream: FirestoreManager.firebaseFirestore
              .collection("orders")
              .orderBy('logs.0', descending: true)
              .where('status', whereIn: current['id'])
              .snapshots(),
          builder: (BuildContext context, AsyncSnapshot<dynamic> snap) {
            print(snap.data.toString());
            if (!snap.hasError && snap.hasData) {
              QuerySnapshot snapshot = snap.data;
              if (snapshot.documents.isNotEmpty) {
                List<DocumentSnapshot> snapList = snapshot.documents;
                return ListView.builder(
                  padding: EdgeInsets.only(right: 10, left: 10),
                  physics: ScrollPhysics(),
                  itemCount: snapList.length,
                  shrinkWrap: true,
                  itemBuilder: (BuildContext context, int index) {
                    return OrderListItem(
                      order: Order.fromJson(snapList[index].data),
                    );
                  },
                );
              } else {
                return Center(
                  child: Text(
                    "No ${current['status'].toString().trim()} Order Available...!",
                    style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
                  ),
                );
              }
            } else {
              return Center(
                child: CircularProgressIndicator(),
              );
            }
          })

它在移动应用程序上工作得很好,但是当我尝试在网络上运行它时,它不起作用。 实际上它显示数据一次,然后再次消失。通过使用 print(snap.data.toString());

打印快照数据,我获得了以下登录控制台
js_primitives.dart:30 null
js_primitives.dart:30 Instance of 'QuerySnapshot'
js_primitives.dart:30 null

为什么会这样?为什么它显示数据一次又一次消失呢? 如果我删除 .orderBy('logs.0', descending: true).where('status', whereIn: current['id']) 那么它工作正常。

最佳答案

我在使用 flutter web 时遇到了同样的问题。我正在尝试使用两个链接的 where() 方法,但它没有给我任何结果:

StreamBuilder(
    stream: fire
        .collection('thiHistory')
        .where("device", "==", _device)
        .where("ts", '>=', ts)
        .onSnapshot,
    builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
      if (!snapshot.hasData) return Text('Loading....');

      final docs = snapshot.data.docs;

      return ListView.builder(
          scrollDirection: Axis.horizontal,
          itemCount: docs.length,
          itemBuilder: (context, index) {
            final doc = docs[index].data();
            return doc["device"] == _device ? Column(
              children: [
                Text(doc['device']),
                Text("${doc["hour"]}"),
                Text("${doc["temp"]}"),
                Text("${doc["humi"]}"),
                Text("${doc["thi"]}"),
              ],
            ) : Container();
          });
    },
  )

如果我只使用一个 where() 或另一个它工作正常。如果我同时使用两者,我总是会收到“正在加载...”,这告诉我快照没有数据。

我也试过像 Shahzad Akram 一样将 orderedBy() 与 where() 链接起来,同样的事情......使用一个或另一个效果很好,将它们组合起来不会返回数据。

我正在使用 firebase 7.3.0 包和库的 7.19.1 版:

  <script src="https://www.gstatic.com/firebasejs/7.19.1/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.19.1/firebase-database.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.19.1/firebase-firestore.js"></script>

感谢您的帮助。

关于flutter - Firestore 复合查询不适用于 Flutter Web,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63212436/

相关文章:

flutter - BLOC 状态更改后有状态小部件未重建

firebase - Firestore映射到StreamBuilder => ListView.Builder

Flutter Web- 播放 uint8list n videoplayer

firebase - 如何在flutter中有效地访问firestore引用字段的数据?

flutter - 具有灵活高度和可滚动内容的对话框

flutter - 如何制作一个 IconPicker,一个小部件来列出用户选择的图标

swift - 从 map 中删除一项会删除所有项目

javascript - 对象作为 Firestore 中的查询参数

Flutter Modular 重定向到 404 页面

Flutter web 轻松打印