flutter 实时搜索输入框

要实现实时搜索输入框，你可以使用 `TextField` 组件和监听器来实现。以下是一些实现的步骤：

1. 在 `State` 类中定义一个 `TextEditingController` 对象，该对象将用于监听文本框中的文本变化。

TextEditingController _searchController = TextEditingController();

2. 在 `build` 方法中创建 `TextField` 组件并将其分配给 `controller` 属性。

TextField(
  controller: _searchController,
  decoration: InputDecoration(
    hintText: 'Search',
  ),
),

3. 监听文本框中的文本变化并更新搜索结果。在 `initState` 方法中添加监听器，并在 `dispose` 方法中移除它。

@override
void initState() {
  super.initState();

  _searchController.addListener(_onSearchChanged);
}

@override
void dispose() {
  _searchController.removeListener(_onSearchChanged);
  _searchController.dispose();

  super.dispose();
}

void _onSearchChanged() {
  // 更新搜索结果
}

4. 在 `_onSearchChanged` 方法中获取文本框中的文本，并使用它来更新搜索结果。

void _onSearchChanged() {
  String searchText = _searchController.text;
  // 使用 searchText 更新搜索结果
}

这些步骤将帮助你创建一个实时搜索输入框。你可以根据需要进行自定义，例如添加搜索按钮或在搜索结果下方显示结果列表等。