configurable_expansion_tile

Package Overview

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

A customizable version of Flutter's ExpansionTile, derived from the Material implementation, offering enhanced control over appearance and behavior. It allows developers to tailor the tile's visual elements, such as icons, colors, and animations, while maintaining the core functionality of expandable content sections. Ideal for creating dynamic, user-friendly interfaces with collapsible content.

Use cases

Customizable accordions
Dynamic form sections
Interactive FAQ displays
Nested expandable lists
Settings panels with collapsible options

Key features

Fully customizable header
Adjustable animation duration
Support for custom trailing icons
Extensible theme integration
Configurable expansion states

Suitable for

Developers needing flexible expansion tiles
UI designers wanting unique tile styles
Apps with complex collapsible layouts
Projects requiring consistent theming across tiles

Considerations

Requires manual handling of state management
Limited platform-specific optimizations
May increase bundle size slightly
Not suitable for simple static expansions
Depends on upstream Material design conventions

Original README

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

A Configurable Expansion Tile edited from the flutter material implementation that allows for customization of the internal components. Includes providing colours, replacement widgets on expansion, and custom animations.

Tile animations still takes place (which are also configurable), and a widget can be set to precede and/or follow the provided header, which will rotate on expand/collapse of the tile.

Configure any or all parameters or leave default behaviour - header works out of the box.

Installation

In the dependencies: section of your pubspec.yaml, add the following line:

configurable_expansion_tile: <latest_version>

Usage

import 'package:configurable_expansion_tile/configurable_expansion_tile.dart';

class MyWidget extends StatelessWidget {
  Widget build(BuildContext context) {
    return ConfigurableExpansionTile(
      headerExpanded: Flexible(child: Center(child: Text("A Header Changed"))),
      header: Container(child: Center(child: Text("A Header"))),
      children: [
        Row(
          children: <Widget>[Text("CHILD 1")],
        ),
        // + more params, see example !!
      ],
    );
  }
}

Example

View the Flutter app in the example directory.

Screenshot

Contributors

Tyler Matthews

Search packages, repositories and app categories