Flutter TextField自動完成覆蓋

Question

我正在努力創建帶有自動完成覆蓋的TextField。 我使用TextField來創建表單，我想根據在TextField中鍵入的內容來顯示建議。

類似這樣的： TextField autocomplete 我不確定小部件的層次結構應該如何實現在其他小部件上方顯示建議框。我應該使用Stack小部件，OverflowBox小部件還是其他？

層次結構示例的任何幫助表示讚賞。

Answer 1

我可能會有一個固定高度的容器，包含一個其crossAxisAlignment設置爲拉伸的Column。列中的第一個孩子將是文本字段。第二個是包含帶有自定義委託的ListView的Expanded以提供子項。然後，隨着文本字段中的數據更改，您將更新委託，以便更新子項。每個孩子都將是一個包含InkWell的ListTile，當點擊時，它將適當填充文本字段。