Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Flutter listview headers [closed]

I want to make a listview with headers per day, like the google calendar and the google contacts. I couldn't find an example how to make something like this in a flutter view. So I want to have a header stick on the left side such as the date for the first item with that date till the next day gets on top and then the previous day has to continue to scroll. Should I work with a MultiChildLayoutDelegate like the animation example in the gallery or can I do this with the listview in some way?

Edit: Made a package myself: https://pub.dartlang.org/packages/side_header_list_view

Google contacts Google calendar

like image 229
Rene Avatar asked Nov 13 '17 16:11

Rene


1 Answers

For everybody looking for a solution, I just made a library that does this: https://pub.dartlang.org/packages/side_header_list_view

You can look for the code on github: https://github.com/renefloor/side_header_list_view

Basically I show/hide the header part of a listitem depending on the position and added a fixed header on the top left. For now the listitems have to have a fixed height.

like image 67
Rene Avatar answered Nov 11 '22 21:11

Rene