在扑扑中使用Cloud Firestore执行搜索时出错

Question

我在获取搜索结果时遇到问题。 我在Cloud firestore有一些数据，我想对该数据执行搜索。 这是数据的屏幕截图，但是当我搜索时，我无法获取任何数据。

这是代码...

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:reminder/searchservice.dart';

class MySearchPage extends StatefulWidget {
  @override
  _MySearchPageState createState() => new _MySearchPageState();
}

class _MySearchPageState extends State<MySearchPage> {
  var queryResultSet = [];
  var tempSearchStore = [];

  initiateSearch(value) {
    if (value.length == 0) {
      setState(() {
        queryResultSet = [];
        tempSearchStore = [];
      });
    }

    var capitalizedValue =
        value.substring(0, 1).toUpperCase() + value.substring(1);

    if (queryResultSet.length == 0 && value.length == 1) {
      SearchService().searchByName(value).then((QuerySnapshot docs) {
        for (int i = 0; i < docs.documents.length; ++i) {
          queryResultSet.add(docs.documents[i].data);
        }
      });
    } else {
      tempSearchStore = [];
      queryResultSet.forEach((element) {
        if (element['email'].startsWith(capitalizedValue)) {
          setState(() {
            tempSearchStore.add(element);
          });
        }
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
        appBar: new AppBar(
          title: Text('Search Here'),
        ),
        body: ListView(children: <Widget>[
          Padding(
            padding: const EdgeInsets.all(10.0),
            child: TextField(
              onChanged: (val) {
                initiateSearch(val);
              },
              decoration: InputDecoration(
                  prefixIcon: IconButton(
                    color: Colors.black,
                    icon: Icon(Icons.arrow_back),
                    iconSize: 20.0,
                    onPressed: () {
                      Navigator.of(context).pop();
                    },
                  ),
                  contentPadding: EdgeInsets.only(left: 25.0),
                  hintText: 'Search by Email',
                  border: OutlineInputBorder(
                      borderRadius: BorderRadius.circular(4.0))),
            ),
          ),
          SizedBox(height: 10.0),
          GridView.count(
              padding: EdgeInsets.only(left: 10.0, right: 10.0),
              crossAxisCount: 2,
              crossAxisSpacing: 4.0,
              mainAxisSpacing: 4.0,
              primary: false,
              shrinkWrap: true,
              children: tempSearchStore.map((element) {
                return buildResultCard(element);
              }).toList())
        ]));
  }
}

Widget buildResultCard(data) {
  return Card(
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)),
      elevation: 2.0,
      child: Container(
          child: Center(
              child: Text(data['email'],
                textAlign: TextAlign.center,
                style: TextStyle(
                  color: Colors.black,
                  fontSize: 20.0,
                ),
              )
          )
      )
  );
}

这是服务代码...

import 'package:cloud_firestore/cloud_firestore.dart';

class SearchService {
  searchByName(String searchField) {
    return Firestore.instance
        .collection('task')
        .where('title',
        isEqualTo: searchField.substring(0, 1).toUpperCase())
        .getDocuments();
  }
}

Answer 1

我猜你的错误是在.where子句中。

这是一个非常有线的情况

.where('title', isEqualTo: searchField.substring(0, 1).toUpperCase())

并且仅当标题的首字母与您搜索的第一个字母相对应时，它才匹配。 所以我敢打赌，您的docs.documents.lenght为0。

仔细阅读Cluod Firestore 查询部分。

1. 您可以使用这样的简单查询：

 .where('title', isGreaterThan: searchField) 

2. 或者，如果您想要更复杂的索引搜索，则可以尝试使用复合索引 。

索引概述

3. 但是，如果您想对搜索字符串（例如，包含等）进行更多推断，则必须先进行查询，然后在此处进行过滤：

 for (int i = 0; i < docs.documents.length; ++i) { //TODO: do more sofisticated filtering here } 

4. 或者，如果可以的话，您可以创建一个额外的task field并使用您自己预先构建的“搜索字符串”填充此值，并以基本Cloud Firestore查询应返回所需内容的方式进行填充。