wqpenergy.blogg.se

A full example can be found in the examples. Just set the option reverse to true and order to GroupedListOrder.DESC. Note that some options of the GroupedListView are currently not available in SilverGroupedListView. An example can be found under example/lib/example_silver. Just use SilverGroupedListView instead of GroupedListView. Now supporting a grouped list based on a silver list. Otherwise the natural sorting order is usedĬhange to GroupedListOrder.DESC to reverse the group sortingĪlso the fields from ListView.builder can be used. Otherwise the natural sorting order is usedĬan be used to define a custom sorting for the elements inside each group. Will only be used if useStickyGroupSeparators is usedĪ Widget which defines a separator between items inside a groupĬan be used to define a custom sorting for the groups. Whether the sticky group header float over the list or occupy it's own spaceĭefines the background color of the sticky header. When set to true the group header of the current visible group will stick on top If both are defined groupHeaderBuilder is preferred

While groupSeparatorBuilder gets the groupBy-value as parameter groupHeaderBuilder gets the whole element. GroupSeparatorBuilder / groupHeaderBuilderįunction which returns an Widget which defines the group headers. If both are defined indexedItemBuilder is preferred indexedItemBuilder provides the current index as well. UseStickyGroupSeparators: true, // optionalĪ list of the data you want to display in the listįunction which maps an element to its grouped valueįunction which returns an Widget which defines the item.

ItemComparator: (item1, item2) => pareTo(item2), // optional ItemBuilder: (context, dynamic element) => Text(element), GroupSeparatorBuilder: (String groupByValue) => Text(groupByValue), Instead of using a ListView create a GroupedListView Widget: GroupedListView( In your dart file, import the library: import 'package:grouped_list/grouped_list.dart' Almost all fields from ListView.builder available.Īdd the package to your pubspec.yaml: grouped_list: ^5.1.2.For the groups an individual header can be set.A flutter ListView in which list items can be grouped to sections.