How to make the Filter UI in flutter as sublist of list.

709 views
Skip to first unread message

Gopenahalli Vaari S Prakash

unread,
Mar 30, 2020, 3:49:02 AM3/30/20
to Flutter Development (flutter-dev)
It would be great if we can have a UI for filter screen in a flutter as below shown the image:

WhatsApp Image 2020-03-30 at 10.19.43 AM.jpeg


Any suggestions will be good, Thanks in advance :)


Igor Karelin

unread,
Mar 30, 2020, 4:12:10 AM3/30/20
to Flutter Development (flutter-dev)
You'll need to layout like this:

SingleChildScrolllView (for the top part with the lists)
Under it you'll need a Row
In the Row you'll need 2 columns.
Under 1st column you'll need a List View.
Under the 2nd column you'll need a TextField (for search) and after it ListView.
In the ListView you'll have a Row with checkbox and filter name.

At the bottom part it's a Row with Text and MaterialButton
Reply all
Reply to author
Forward
0 new messages