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

Question

我刚刚开始使用 Flutter 创建移动应用。

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

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

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

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

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

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

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

有人有更好的想法吗？

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

Answer 1

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

如果您已经连接了 API，那么这个第三方包可能会被证明是有用的。

它叫Flutter Typeahead。

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