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

Last update: Aug 17, 2022

Related tags

Widgets group_tablelist

Overview

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),
)

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

A Flutter Widget to make interactive timeline widget.

Bubble Timeline Package A Flutter Widget to make interactive timeline widget. This widget can be used to make Event Timelines, or Timelines for certai

Sep 22, 2022

📸 Easy to use yet very customizable zoomable image widget for Flutter, Photo View provides a gesture sensitive zoomable widget.

📸 Easy to use yet very customizable zoomable image widget for Flutter, Photo View provides a gesture sensitive zoomable widget. Photo View is largely used to show interacive images and other stuff such as SVG.

Jan 7, 2023

A widget lib that the widget in this lib can react to flutter ScrollController's offset

Language: English | 中文简体 linked_scroll_widgets A lib full of widgets that can react to the scrollController's offset change,to custom your UI effect.

Oct 16, 2022

Full customable rolling switch widget for flutter apps based on Pedro Massango's 'crazy-switch' widget

lite_rolling_switch Full customable rolling switch widget for flutter apps based on Pedro Massango's 'crazy-switch' widget https://github.com/pedromas

Dec 1, 2022

Progress Dialog widget for flutter projects with ability to customize loading widget, background color and background blur.

DISCONTINUED Checkout ArsDialog ars_progress_dialog Customizable progress dialog for Flutter applications with smooth animation for background dim col

Apr 15, 2022

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

Related tags

Overview

group_tablelist

Group tablelist package for Flutter.

Features

Getting Started

Parameters:

GroupTableList

SliverGroupTableList

You might also like...

A Flutter Widget to make interactive timeline widget.

📸 Easy to use yet very customizable zoomable image widget for Flutter, Photo View provides a gesture sensitive zoomable widget.

A widget lib that the widget in this lib can react to flutter ScrollController's offset

Full customable rolling switch widget for flutter apps based on Pedro Massango's 'crazy-switch' widget

Progress Dialog widget for flutter projects with ability to customize loading widget, background color and background blur.

A Flutter widget that will give a Glitch Animation Effect to it's child widget.

Widget, that can make any static located widget hidable

A widget that allow user resize the widget with drag

A Flutter package which provides helper widgets for selecting single or multiple account/user from the given list.

Owner

Build a grouped list, which support expand/collapse section and sticky headers, support use it with sliver widget.

Flutter package: Similar to a ListView, but lets you programmatically jump to any item, by index.

Similar to Weibo dynamics, WeChat circle of friends, nine grid view controls to display pictures. Support single big picture preview.

iOS-like proof of concept reorderable list with animations

Widget to let the user search through a keyword string typed on a customizable keyboard in a single or multiple choices list presented as a dropdown in a dialog box or a menu.

A widget that can be dragged and scrolled in a single gesture and snapped to a list of extents.

A high performance Flutter Widget to render Bottts svg avatars on android/ios devices.

PowerFileView - A powerful file view widget, support a variety of file types, such as Doc Eexcl PPT TXT PDF and so on, Android is implemented by Tencent X5, iOS is implemented by WKWebView.

A simple Flutter widget to add in the widget tree when you want to show nothing, with minimal impact on performance.

A flutter carousel widget, support infinite scroll, and custom child widget.