Flutter TextField自动完成覆盖

Question

我正在努力创建带有自动完成覆盖的TextField。 我使用TextField来创建表单，我想根据在TextField中键入的内容来显示建议。

类似这样的： TextField autocomplete 我不确定小部件的层次结构应该如何实现在其他小部件上方显示建议框。我应该使用Stack小部件，OverflowBox小部件还是其他？

层次结构示例的任何帮助表示赞赏。

Answer 1

我可能会有一个固定高度的容器，包含一个其crossAxisAlignment设置为拉伸的Column。列中的第一个孩子将是文本字段。第二个是包含带有自定义委托的ListView的Expanded以提供子项。然后，随着文本字段中的数据更改，您将更新委托，以便更新子项。每个孩子都将是一个包含InkWell的ListTile，当点击时，它将适当填充文本字段。