Skip to Content
Forui 0.17.0 is released 🎉
DocumentationTileTile Group

Tile Group

A tile group that typically groups related information together.

API Reference

CLI

To generate and customize this style:

dart run forui style create tile-group

Usage

FTileGroup(...)

FTileGroup(
  children: [],
  style: (style) => style.copyWith(...),
  scrollController: ScrollController(),
  cacheExtent: 100,
  maxHeight: 200,
  dragStartBehavior: DragStartBehavior.start,
  physics: const ClampingScrollPhysics(),
  enabled: true,
  divider: FItemDivider.indented,
  semanticsLabel: 'Settings',
  label: const Text('Settings'),
  description: const Text('Personalize your experience'),
  error: const Text('Error message'),
);

FTileGroup.builder(...)

FTileGroup.builder(
  tileBuilder: (context, index) => FTile(title: Text('Tile $index')),
  count: 100,
  style: (style) => style.copyWith(...),
  scrollController: ScrollController(),
  cacheExtent: 100,
  maxHeight: 200,
  dragStartBehavior: DragStartBehavior.start,
  physics: const ClampingScrollPhysics(),
  enabled: true,
  divider: FItemDivider.indented,
  semanticsLabel: 'Settings',
  label: const Text('Settings'),
  description: const Text('Personalize your experience'),
  error: const Text('Error message'),
);

FTileGroup.merge(...)

FTileGroup.merge(
  children: [],
  style: (style) => style.copyWith(...),
  scrollController: ScrollController(),
  cacheExtent: 100,
  maxHeight: 200,
  dragStartBehavior: DragStartBehavior.start,
  physics: const ClampingScrollPhysics(),
  enabled: true,
  divider: FItemDivider.full,
  semanticsLabel: 'Settings',
  label: const Text('Settings'),
  description: const Text('Personalize your experience'),
  error: const Text('Error message'),
);

Examples

Behavior

Scrollable

Lazy Scrollable

Merge Multiple Groups

This function merges multiple FTileGroupMixins into a single group. It is useful for representing a group with several sections.

Appearance

Full Divider

No Divider

Last updated on
TileSelect Tile Group