Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

group_tablelist

A flutter grouped list widget similar to the iOS UITableview method name.

Group tablelist package for Flutter.

PubCI

WeChat72b21c420d6bb06007a44d196e78906a

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


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

Comments are closed.