Flutter TextField 자동 완성 오버레이

자동 완성 오버레이로 TextField를 만드는 데 어려움을 겪고 있습니다. TextFields가있는 양식이 있으며 TextField에 입력 된 내용을 기반으로 제안 사항을 표시하려고합니다.Flutter TextField 자동 완성 오버레이

이런 식으로 : TextField autocomplete 다른 위젯 위에 추천 상자를 표시하려면 위젯의 계층 구조가 어떤 모양인지 잘 모르겠습니다. Stack 위젯, OverflowBox 위젯 또는 다른 것을 사용해야합니까?

계층 구조 예에 대한 도움이 감사합니다.

출처

2017-04-27 guest3523

나는 아마도 crossAxisAlignment가 늘어나도록 설정된 Column을 포함하는 고정 된 높이의 컨테이너를 가질 것입니다. 열의 첫 번째 자식이 텍스트 필드가됩니다. 두 번째는 사용자 지정 대리자가있는 ListView를 포함하는 확장되어 자식을 제공합니다. 그런 다음 텍스트 필드의 데이터가 변경되면 대리자를 업데이트하여 자식을 업데이트합니다. 각 자식은 InkWell을 포함하는 ListTile이되며, 탭하면 텍스트 필드가 적절히 채워집니다.

출처

2017-04-27 16:13:36

감사합니다. 그리고 제안 사항이 다른 위젯보다 위에 있도록하려면 'overlay.of (context) .insert (entryWithExpandedListView);를 사용해야합니까? – guest3523

@ guest3523 자동 완성 오버레이를 성공적으로 완료하셨습니까? 나는 내 애플 리케이션을 위해 똑같은 일을하려하고 있으며, 지금까지 3 일간의 플러터 경험 만 있으면서 힘들어한다. – Michel

Flutter TextField 자동 완성 오버레이

답변

관련 문제