z_grouped_list

Description:

z grouped list

A custom list that separates your data into groups with headlines!

Features #

Supports both List and Grid view.
Separates your data into groups.
Sort your data in a descending or ascending order.
Assign unique header to each group.

💾 Installation #
In the dependencies: section of your pubspec.yaml, add the following line:
dependencies:
z_grouped_list: <latest version>
copied to clipboard
Now in your dart code you can import it
import 'package:z_grouped_list/z_grouped_list.dart';
copied to clipboard
📦 Usage #
Important!!!
do not forget to wrap your code with an Expanded or a SizedBox.
Simple List implementation:
ZGroupedList(
// your items list
items: books,
// What element should you sort by?
sortBy: (item){
int year = item['year'];
return year;
},
// Item widget
itemBuilder: (context, item){
String? name = item['name'];
return Text(name ?? "empty");
},
// Group separator widget
groupSeparatorBuilder: (year) {
return Text(year.toString(),);
}, ),
copied to clipboard
Grid List implementation:
ZGroupedList.grid(
// Show 3 items horizontally
crossAxisCount: 3,

// All items list
items: books,
// What element should you sort by?
sortBy: (item){
int year = item['year'];
return year;
},
// Item widget
itemBuilder: (context, item){
String? name = item['name'];
return Text(name ?? "empty");
},
// Group separator widget
groupSeparatorBuilder: (year) {
return Text(year.toString(),);
},

// Custom grid delegate (optional)
gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
maxCrossAxisExtent: 80,
childAspectRatio: 5 / 9,
crossAxisSpacing: 25,
mainAxisSpacing: 15),
),
copied to clipboard
🎯Parameters #
For Normal List:



Name
Description
Required
Default value




items
A list of the data you want to display in the list
required
-


sortBy
Function which maps an element to its grouped value
required
-


itemBuilder
Function that let you build the item widget
required
-


groupSeparatorBuilder
Function that let you build the group separator widget
required
-


descendingOrder
Is your data organized in a decending order
no
true



Extras for Grid List:



Name
Description
Required
Default value




crossAxisCount
how many items horizontally in a grid
no
1


gridDelegate
pass in a custom gridDelegate
no
-

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter