side_header_list_view 0.0.4

Flutter Android iOS web

ListView with sticky headers on the side. Inspired by the Android contacts app and the calendar app.

side_header_list_view #

pub package Donate

Listview with sticky headers like the Android contact page

alt text

Usage #

  new SideHeaderListView(
    // Set how many items the list has
    itemCount: items.length,
    
    // Set the height of the item widgets. For now this has to be a fixed height
    itemExtend: 150.0,
    
    // Set the header builder, this needs to return the widget for the side header
    headerBuilder: (BuildContext context, int index){
      return new HeaderWidget(items[index].startDate);
    },
    
    // Set the item builder, this is everything in the row without the header
    itemBuilder: (BuildContext context, int index){
      return new ListItem(items[index]);
    },
    
    // HasSameHeader will be used to know whether the header has to be shown for a position 
    hasSameHeader: (int a, int b){
      return items[a].day == items[b].day;
    },
  );
7
likes
90
pub points
79%
popularity

ListView with sticky headers on the side. Inspired by the Android contacts app and the calendar app.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

r.floor.1@gmail.com

License

BSD (LICENSE.md)

Dependencies

flutter, meta

More

Packages that depend on side_header_list_view