在Flutter中的Firestore列表上方添加搜索表单

import 'package:firebase_core/firebase_core.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(MyApp());
}

class SearchForm extends StatefulWidget {
  @override
  _SearchFormState createState() => _SearchFormState();
}

class _SearchFormState extends State<SearchForm> {
  String searchQuery = '';

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        TextField(
          onChanged: (value) {
            setState(() {
              searchQuery = value;
            });
          },
          decoration: InputDecoration(
            labelText: 'Search',
          ),
        ),
        RaisedButton(
          onPressed: () {
            // 处理搜索逻辑
            // 可以使用searchQuery变量获取搜索关键字
          },
          child: Text('Search'),
        ),
      ],
    );
  }
}

import 'package:cloud_firestore/cloud_firestore.dart';

// ...

RaisedButton(
  onPressed: () async {
    QuerySnapshot snapshot = await FirebaseFirestore.instance
        .collection('your_collection')
        .where('your_field', isEqualTo: searchQuery)
        .get();

    // 处理获取到的数据
    // 可以使用snapshot变量获取查询结果
  },
  child: Text('Search'),
),

ListView.builder(
  itemCount: snapshot.docs.length,
  itemBuilder: (context, index) {
    DocumentSnapshot document = snapshot.docs[index];
    // 使用document变量获取每个文档的数据

    return ListTile(
      title: Text(document['title']),
      subtitle: Text(document['subtitle']),
    );
  },
),