如何在 Flutter 中实现具有自动完成和搜索等功能的列表

Posted 2023-05-07

【中文标题】如何在 Flutter 中实现具有自动完成和搜索等功能的列表

【英文标题】：How can I achieve a list which has features like autocomplete and search in Flutter

【发布时间】：2021-12-17 18:51:33

【问题描述】：

我想在 Flutter 中实现这种类型的 UI -

我尝试了Autocomplete Class，但我不知道如何使用它来获取这种列表类型的 UI。然后我想使用一个文本字段，每当它的值发生变化时，我都会使用 ListView.builder() 并且喜欢 - list[index].contains(textEditingcontroller.text.toLowerCase()) 在下面建立这个列表。那么有人可以建议我一个最佳/更好的方法来获得这个 UI。

【问题讨论】：

你应该检查这个库pub.dev/packages/flutter_typeahead

@esentis 我做了，但是显示搜索的底部 Shet 与所需的 UI 不相似。如上图所示，我的应用中需要完全相同类型的 UI。

【参考方案1】：

你可以使用这个原生的颤振小部件来实现这个SearchDelegate，另一个是AutoComplete。从您的用例搜索委托中查找可能就是其中之一。