flutter_section_list_view

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package that extends the standard ListView to support sectioned lists similar to iOS UITableView. It enables developers to organize list items into sections with headers and footers, improving readability and structure for complex data sets. The package is designed for seamless integration with existing Flutter apps, offering a familiar interface for developers coming from iOS development. It supports dynamic updates, custom section styling, and smooth scrolling performance.

Use cases

Creating grouped contact lists
Implementing segmented settings menus
Displaying categorized product catalogs
Building iOS-style table views in Flutter
Organizing chat messages by date
Rendering hierarchical data structures

Key features

Section headers and footers
iOS UITableView-like behavior
Customizable section styling
Dynamic data updates
Smooth scrolling performance
Support for nested lists

Suitable for

Developers migrating from iOS to Flutter
Apps requiring structured data display
List-heavy UIs with grouping needs
Teams prioritizing native iOS UX patterns
Projects needing clean, organized list layouts

Considerations

Limited platform-specific optimizations beyond iOS style
May require additional styling for non-iOS designs
Not ideal for very large datasets without pagination
No built-in support for drag-and-drop reordering
Depends on external GitHub repository for updates

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

A flutter list view which supports sections like iOS UITableView with no overhead

Usage

To use this plugin, add flutter_section_list_view as a dependency in your pubspec.yaml file.

Getting Started

Import this class

import 'flutter_section_list_view/flutter_section_list_view.dart';

Add flutter_section_list_view Widget

After importing this plugin to your project, you can simply use it as a normal widget


FlutterSectionListView(
        numberOfSection: 4,
        numberOfRowsInSection: (section) {
          return section * 3 + 1;
        },
        sectionWidget: (section) {
          return Container(child: Padding(
            padding: const EdgeInsets.all(8),
            child: Text('Section $section'),
          ), color: Colors.grey,);
        },
        rowWidget: (section, row) {
          return Container(
            child: Padding(
              padding: EdgeInsets.all(8),
              child: Text('Row $section - $row'),
            ),
          );
        },
      )

To use Pull-To-Refresh feature, simply provide value to attribute 'refresh', a callback function

listView.refresh = () async {
      await new Future.delayed(new Duration(seconds: 3));
      print('List Refreshed');
    };

For Pagination feature, provide value to attribute 'loadMoreData', a callback function

listView.loadMoreData = () async {
      await new Future.delayed(new Duration(seconds: 2));
      print('More Data loaded and List refreshed');
      /// set 'isMoreAvailable' attribute to 'false' when there are no more pages to return 
      listView.isMoreAvailable = false;
    };

Search packages, repositories and app categories