如何在颤振中建立搜索栏？答案

【问题标题】：how to build search bar in flutter?如何在颤振中建立搜索栏？
【发布时间】：2021-08-27 16:07:43
【问题描述】：

我是 Flutter 的初学者，我需要帮助。目标是有一个搜索栏，以便用他们的名字找到用户。我用 AppUserData 模型类调用带有提供者和他们的数据的用户

这是我的代码

import 'package:flutter/material.dart';
import 'package:models/user.dart';
import 'package:provider/provider.dart';

class UserList extends StatefulWidget {
  @override
  FilterLocalListPageState createState() => FilterLocalListPageState();
}

class FilterLocalListPageState extends State<UserList> {


  @override
  Widget build(BuildContext context) {
    final users = Provider.of<List<AppUserData>>(context);

    return Scaffold(
      appBar: AppBar(
        title: Text("users"),
        centerTitle: true,
      ),
      body: Column(
        children: <Widget>[
          Expanded(
            child: ListView.builder(
              itemCount: users.length,
              itemBuilder: (context, index) {
                return buildBook(users[index]);
              },
            ),
          ),
        ],
      ),
    );
  }

  Widget buildBook(AppUserData user) => ListTile(
        leading: Image.network(
          user.profilepic,
          fit: BoxFit.cover,
          width: 50,
          height: 50,
        ),
        title: Text(user.name),
      );
}

感谢您的帮助

【问题讨论】：

标签： flutter dart provider

【解决方案1】：

你可以使用SearchDelegate，看看这个tutorial。

这有点无聊，但它可以完成工作。

【讨论】：