Hey there! The issue you're hitting is because your current Firestore query uses startAt() and endAt()—these methods are built for prefix matching, meaning they only pull documents where the title starts with your search input. To get results where the title contains your search text anywhere (not just the start), we need to adjust our approach since Firestore doesn't support native substring search out of the box. Here are two practical solutions:

1. Client-Side Filtering (Great for Small Datasets) #

If your Services collection is relatively small (a few hundred documents max), you can fetch all documents and filter them directly in your Flutter code. This is simple to implement without extra tools:

Updated Code Example #

class _ListServicesState extends State<ListServices> {
  var searchText = '';

  @override
  Widget build(BuildContext context) {
    // Fetch the full Services collection (we'll filter client-side)
    final ref = FirebaseFirestore.instance.collection('Services').orderBy('title');

    return Scaffold(
      appBar: AppBar(
        title: TextField(
          decoration: const InputDecoration(
            iconColor: Color.fromARGB(255, 124, 43, 43),
            hintText: 'Search...',
            suffixIcon: Icon(Icons.search),
          ),
          onChanged: (String value) {
            setState(() {
              searchText = value.toLowerCase(); // Case-insensitive search
            });
          },
        ),
        centerTitle: true,
      ),
      body: StreamBuilder(
        stream: ref.snapshots(),
        builder: (_, AsyncSnapshot<QuerySnapshot> snapshot) {
          if (snapshot.connectionState == ConnectionState.waiting) {
            return const Center(child: CircularProgressIndicator());
          }
          if (snapshot.data!.docs.isEmpty) {
            return const Center(child: Text('No data to be displayed.'));
          }

          // Filter documents to match any substring in the title
          var filteredServices = snapshot.data!.docs.where((doc) {
            final title = (doc.data() as Map<String, dynamic>)['title'].toLowerCase();
            return title.contains(searchText);
          }).toList();

          if (filteredServices.isEmpty) {
            return const Center(child: Text('No matching services found.'));
          }

          return ListView.builder(
            itemCount: filteredServices.length,
            itemBuilder: (ctx, index) {
              final service = filteredServices[index].data() as Map<String, dynamic>;
              final serviceId = filteredServices[index].id;
              return ListTile(
                title: Text(service['title']),
                subtitle: Text(service['price']),
                trailing: IconButton(
                  icon: const Icon(Icons.delete, color: Color.fromARGB(255, 184, 16, 16)),
                  onPressed: () async {
                    await FirebaseFirestore.instance
                        .collection('Services')
                        .doc(serviceId)
                        .delete();
                  },
                ),
              );
            },
          );
        },
      ),
    );
  }
}

Key Notes: #

• Added case-insensitive search by converting both the title and searchText to lowercase.
• This works best for small collections—fetching all documents can slow down or use excessive bandwidth as your dataset grows.

2. Full-Text Search with Firebase Extension (Recommended for Large Datasets) #

For bigger collections, you’ll want a scalable solution. Firebase offers an official extension that integrates Firestore with Algolia (a dedicated search engine) to handle full-text queries efficiently. Here’s the high-level setup:

• Install the official Firestore Full-Text Search extension from the Firebase Console.
• Configure it to index your Services collection, targeting the title field for search.
• Use the Algolia SDK in your Flutter code to send search queries and display results.

This approach supports advanced features like typo tolerance, result ranking, and efficient substring matching—perfect for growing datasets.

Why Your Original Code Didn’t Work #

Your original query uses:

query = ref.orderBy('title').startAt([searchText]).endAt([searchText + '\uf8ff']);

The \uf8ff is a special high-value Unicode character, so this query returns all documents where title starts with searchText (and falls lexicographically before searchText + '\uf8ff'). That’s why it only matches titles starting with your input, not those containing it anywhere.

内容的提问来源于stack exchange，提问作者student