group_tablelist
A flutter grouped list widget similar to the iOS UITableview method name.
Group tablelist package for Flutter.
Features
- iOS tableview-style method names.
- Sound null safety.
- List Items can be separated in groups.
- The header and footer of the overall tablelist can be set.
- You can use almost all the original parameters of the Listview in the GroupTableList.
Getting Started
Add the package to your pubspec.yaml:
group_tablelist: ^0.0.4
In your dart file, import the library:
import 'package:group_tablelist/group_tablelist.dart';
Instead of using a SliverList
create a SliverGroupTableList
Widget:
SliverGroupTableList(
numberOfSections: showcaseList.length,
numberOfRowsInSection: (section) => showcaseList[section].item.length,
cellForRowAtIndexPath: (indexPath) => _flutterShowcaseCell(
showcaseList[indexPath.section].item[indexPath.row]),
headerInSection: (section) => _makeHeaderOrFooterInSection(section),
overallHeader: () => _makeOverAll('overallHeader'),
overallFooter: () => _makeOverAll('overallFooter'),
footerInSection: (section) => _makeHeaderOrFooterInSection(section),
didSelectRowAtIndexPath: (indexPath) => _handleDidSelectAtIndexPath(indexPath),
)
or
Instead of using a Listview
create a GroupTableList
Widget:
GroupTableList(
numberOfSections: showcaseList.length,
numberOfRowsInSection: (section) => showcaseList[section].item.length,
cellForRowAtIndexPath: (indexPath) => _flutterShowcaseCell(
showcaseList[indexPath.section].item[indexPath.row]),
headerInSection: (section) => _makeHeaderOrFooterInSection(section),
overallHeader: () => _makeOverAll('overallHeader'),
overallFooter: () => _makeOverAll('overallFooter'),
footerInSection: (section) => _makeHeaderOrFooterInSection(section),
didSelectRowAtIndexPath: (indexPath) => _handleDidSelectAtIndexPath(indexPath),
)
Parameters:
GroupTableList
Name | Description | Required | Default value |
---|---|---|---|
numberOfSections |
Asks the data source to return the number of sections in the tablelist. | no | 1 |
numberOfRowsInSection |
Returns the number of rows (table cells) in a specified section. | required | – |
cellForRowAtIndexPath |
Returns the table cell at the index path you specify. | required | – |
separatorAtIndexPath |
Returns the separator at the index path you specify. | no | – |
sectionSeparator |
Asks for a separator to display of the specified section of the tablelist. | no | – |
headerInSection |
Asks for a view to display in the header of the specified section of the tablelist. | no | – |
footerInSection |
Asks for a view to display in the footer of the specified section of the tablelist. | no | – |
overallHeader |
Headerview of the entire tablelist. | no | – |
overallFooter |
Footerview of the entire tablelist. | no | – |
placeholderView |
The no data view is displayed when no data. | no | – |
didSelectRowAtIndexPath |
The callback when a list item is clicked. | no | – |
SliverGroupTableList
Name | Description | Required | Default value |
---|---|---|---|
numberOfSections |
Asks the data source to return the number of sections in the tablelist. | no | 1 |
numberOfRowsInSection |
Returns the number of rows (table cells) in a specified section. | required | – |
cellForRowAtIndexPath |
Returns the table cell at the index path you specify. | required | – |
separatorAtIndexPath |
Returns the separator at the index path you specify. | no | – |
sectionSeparator |
Asks for a separator to display of the specified section of the tablelist. | no | – |
headerInSection |
Asks for a view to display in the header of the specified section of the tablelist. | no | – |
footerInSection |
Asks for a view to display in the footer of the specified section of the tablelist. | no | – |
overallHeader |
Headerview of the entire tablelist. | no | – |
overallFooter |
Footerview of the entire tablelist. | no | – |
placeholderView |
The no data view is displayed when no data. | no | – |
didSelectRowAtIndexPath |
The callback when a list item is clicked. | no | – |
other parameters that the Listview originally had |
Comments are closed.