如何在搜索结果中显示匹配的用户列表 [Flutter]

Question

我正在使用包search_page

我想在搜索他们的名字时显示用户名，比如这个例子

这是我的 Firestore，我的用户名为 Test User One 和 Test User Two 这是我的 FloatingActionButton( ) 代码

FloatingActionButton(
      onPressed: () => showSearch(
        context: context,
        delegate: ChatSearch(),
      ),
      child: Icon(Icons.chat),
    ),

这是我的 ChatSearch() 代码

class ChatSearch extends SearchDelegate {

FirebaseFirestore _fires = FirebaseFirestore.instance;

Future<QuerySnapshot> getUserInfo() async {
return await _fires.collection("Students").where("displayName", isEqualTo: query).get();
}
   ...

@override
Widget buildResults(BuildContext context) {
  return Column(
  children: [
    FutureBuilder(
        future: getUserInfo(),
        builder: (context, AsyncSnapshot<QuerySnapshot> snapshot) {
          if (snapshot.hasError) {
            return Text('No user found.');
          }
          else if (snapshot.connectionState == ConnectionState.waiting) {
            return Text('Loading ...');
          }
          return ListView.builder(
            shrinkWrap: true,
            itemCount: snapshot.data.docs.length,
            itemBuilder: (BuildContext context, int index) {
              var result = snapshot.data.docs[index];
              return ListTile(
                title: Text(result["displayName"]),
                subtitle: Text(result["society"]),
                leading: CircleAvatar(backgroundImage: NetworkImage(result["photoUrl"]),),
              );
            },
          );
        }),
    ],
  );
}
}

这是我的截图

如何获取查询（所有与搜索匹配的用户名）而不是 isEqualTo？ 比如我搜索Test User，会出现Test User One和Test User 2

如果有人可以帮助我或为我提供一些指导，我将不胜感激。谢谢。

Answer 1

不用插件很简单，这里是代码

//it's the code to search for user for name
static Future<QuerySnapshot> getUserInfo(String name) {
Future<QuerySnapshot> users =
    usersRef.where('name', isGreaterThanOrEqualTo: name).getDocuments();
return users;
}

这是一些值

TextEditingController _searchController = TextEditingController();
Future<QuerySnapshot> _users;
String _searchText = '';

这是搜索用户界面代码

@override
Widget build(BuildContext context) {
String _currentUserId = Provider.of<UserData>(context).currentUserId;
void _clearSearch() {
  WidgetsBinding.instance
      .addPostFrameCallback((_) => _searchController.clear());
  setState(() {
    _users = null;
    _searchText = '';
  });
}

return Scaffold(
  appBar: AppBar(
    title: TextField(
      controller: _searchController,
      decoration: InputDecoration(
        focusedBorder: InputBorder.none,
        enabledBorder: InputBorder.none,
        contentPadding: const EdgeInsets.symmetric(vertical: 15.0),
        border: InputBorder.none,
        hintText: 'Search for a user...',
        prefixIcon: Icon(
          Icons.search,
          color: Theme.of(context).accentColor.withOpacity(0.6),
          size: 30.0,
        ),
        suffixIcon: _searchText.trim().isEmpty
            ? null
            : IconButton(
                color: Theme.of(context).accentColor.withOpacity(0.6),
                icon: Icon(Icons.clear),
                onPressed: _clearSearch,
              ),
        // filled: true,
      ),
      onChanged: (value) {
        setState(() {
          _searchText = value;
        });
      },
      onSubmitted: (input) {
        if (input.trim().isNotEmpty) {
          setState(() {
            _users = DatabaseService.searchUsers(input);
          });
        }
      },
    ),
  ),
  body: _users == null
      ? Center(child: Text('Search for users'))
      : FutureBuilder(
          future: _users,
          builder: (context, snapshot) {
            if (!snapshot.hasData) {
              return Center(
                child: CircularProgressIndicator(),
              );
            }
            if (snapshot.data.documents.length == 0) {
              return Center(
                child: Text('No Users found! Please try again.'),
              );
            }
            return ListView.builder(
                itemCount: snapshot.data.documents.length,
                itemBuilder: (BuildContext context, int index) {
                  //User user = User.fromDoc(snapshot.data.documents[index]);
                  // Prevent current user to send messages to himself
                  return null;
                  // (widget.searchFrom != SearchFrom.homeScreen &&
                  //         user.id == _currentUserId)
                  //     ? SizedBox.shrink()
                  //     : _buildUserTile(user);
                });
          },
        ),
);
}

这是用户磁贴

ListTile _buildUserTile(User user) {
return ListTile(
  leading: CircleAvatar(
    backgroundColor: Colors.grey,
    radius: 20.0,
    backgroundImage: user.profileImageUrl.isEmpty
        ? AssetImage(placeHolderImageRef)
        : CachedNetworkImageProvider(user.profileImageUrl),
  ),
  title: Row(
    children: [Text(user.name)],
  ),
  onTap: () => Navigator.push(
            context,
            MaterialPageRoute(
              builder: (_) => ProfileScreen()
            ),
          )
);
}

希望它有效，如果缺少什么，请告诉我。