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

Question

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

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

我想使用文字输入字段，一旦开始输入，就会根据google地方API建议位置。

可悲的是，没有任何小工具可以开箱即用，但它不应该那么难。 Google的places API会根据任何文本输入返回结果，因此您可以继续发送击键，直到用户看到（并选择）他们想要的位置。我已经有了API工作。

现在我正在努力构建前端体验。

我希望有一个下拉文本字段，但我在窗口小部件库中找不到类似内容。

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

可悲的是，我没有看到任何方法来控制下拉列表的可见性，因此我不确定这是否有效。

有没有人有更好的想法？

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

Answer 1

答案可能为时已晚，但是如果其他人仍然对此感到好奇，我仍然会发布此答案。

如果您已连接API，则可能会有用的是此第三方程序包。

它叫Flutter Typeahead。

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