Search packages, repositories and app categories

expandable_group cover
Package detailsv0.0.8

expandable_group

A new Flutter widget support expanded and collapsed list for user..

30-day downloads
69
Likes
7
Pub points
70

Install package

flutter pub add expandable_group

Package Overview

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

The expandable_group package provides a Flutter widget that enables users to create lists with collapsible and expandable sections. It simplifies the implementation of interactive list items that can reveal or hide content dynamically, improving user experience in data-heavy interfaces. Ideal for FAQs, settings menus, or any content organized in logical groups, it supports smooth animations and easy customization. The package is lightweight and integrates seamlessly into existing Flutter projects.

Use cases

  • FAQ sections
  • Settings panels
  • Dynamic content lists
  • Collapsible navigation
  • Data grouping

Key features

  • Smooth expand/collapse animations
  • Customizable header and content
  • Easy integration with ListView
  • Supports nested groups
  • Lightweight and performant

Suitable for

  • Developers building interactive lists
  • Apps with hierarchical data
  • UIs requiring dynamic content toggling
  • Beginners learning Flutter widgets
  • Projects needing clean, reusable components

Considerations

  • Limited platform-specific styling options
  • No built-in support for keyboard navigation
  • May require additional state management for complex use cases
  • Not optimized for very large datasets without pagination

Original README

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

ExpandableGroup

A new Flutter widget support expanded and collapsed group items in the list of Flutter application. It supports Android, iOS, Web and Desktop.

Build expandable group widget support expanded and collapsed group data.

Features

  • Expand and collapse header in the List
  • Support customise header and item in the list
  • Single ListView

Getting Started

1. Add dependency to your project's pubspec.yaml and run pub get
dependencies:
  expandable_group: ^0.0.6
2. Import expandable_group_widget.dart to your file project where is going to use the ListExpandableWidget.
import 'package:expandable_group/expandable_group_widget.dart';
3. The ExpandableGroup has some properties as below
3.1 Required
  • header the header widget and will display in the list
  • items the list of ListTile will display for each group
3.2 Optional
  • isExpanded is a boolean to expand or collapse header. isExpanded == true is the header will be expanded and otherwise. The default value is false.
  • expandedIcon and collapsedIcon are the widgets for expanded and collapsed state.
  • headerEdgeInsets the EdgeInsets of header widget
  • headerBackgroundColor can customise header background color
4. Examples
ExpandableGroup(
    isExpanded: index == 0,
    header: _header('Group $index'),
    items: _buildItems(context, group),
    headerEdgeInsets: EdgeInsets.only(left: 16.0, right: 16.0)
)

Submit bugs or request features

Please file feature requests and bugs with GitHub issues tab

Categories

Source repository

Projects using this package

No data available yet.