Flutter TextField autocomplete overlay

Question

I am struggling to create TextField with autocomplete overlay. I have form with TextFields and I want to display suggestions based on what is typed in TextField.

Someth

Answer 1

I would probably have a Container with a fixed height, containing a Column with its crossAxisAlignment set to stretch. The first child in the column would be the text field. The second would be an Expanded containing a ListView with a custom delegate to provide the children. Then, as the data in the text field changes, you update the delegate so that the children are updated. Each child would be a ListTile containing an InkWell which, when tapped, fills the text field appropriately.