如何使用 Flutter 使用下拉建议进行文本输入

Question

我刚刚开始使用 Flutter 创建一个移动应用程序。

我需要应用程序做的第一件事是将地址/位置作为用户的输入。

我想使用一个文本输入字段，一旦您开始输入它，它就会根据 google place API 建议位置。

可悲的是，没有小部件可以开箱即用地启用此功能，但应该不难做到。Google 的地点 API 会根据任何文本输入返回结果，因此您可以继续发送按键，直到用户看到（并选择）他们想要的位置。我已经让 API 工作了。

现在我正在为如何构建前端体验而苦苦挣扎。

我希望有一个下拉文本字段，但我没有在小部件库中找到任何类似的东西。

我的下一个好主意是一个输入字段，DropdownButton旁边有一个类。我想让 DropdownButton 不可见（0 宽度），但是一旦用户开始输入，就会以编程方式将其下拉。

遗憾的是，我没有看到任何控制下拉列表可见性的方法，所以我不确定这是否有效。

有没有人有更好的想法？

到目前为止我所拥有的图像，但显然这不是最佳的：

Answer 1

答案可能已经晚了，但我仍然会发布这个，以防其他人仍然对此感到好奇。

如果您连接了 API，那么这个第三方包可能会很有用。

它被称为Flutter Typeahead。

这是一个带有下拉菜单的通用输入，数据可以来自任何 API，而不仅仅是 Google Places API。