Flattern TextField Autocomplete Overlay

Question

Ich habe Schwierigkeiten, TextField mit Autocomplete-Overlay zu erstellen. Ich habe ein Formular mit TextFields und möchte Vorschläge basierend auf dem TextField anzeigen.

Etwas wie folgt aus: TextField autocomplete Ich bin nicht sicher, was die Hierarchie von Widgets sollten die Vorschläge Tabelle oben andere Widgets zu erreichen aussehen wie die Anzeige. Sollte ich Stack Widget, OverflowBox Widget oder etwas anderes verwenden?

Jede Hilfe nach Hierarchie Beispiel geschätzt.

Answer 1

Ich hätte wahrscheinlich einen Container mit einer festen Höhe, der eine Spalte mit seinem crossAxisAlignment-Set enthält, um zu strecken. Das erste Kind in der Spalte wäre das Textfeld. Das zweite wäre ein Expanded, das eine ListView mit einem benutzerdefinierten Delegaten enthält, um die untergeordneten Elemente bereitzustellen. Wenn sich die Daten im Textfeld ändern, aktualisieren Sie den Delegaten, damit die untergeordneten Elemente aktualisiert werden. Jedes Kind wäre eine ListTile, die ein InkWell enthält, das beim Tippen das Textfeld entsprechend füllt.