Skip to Content
Forui 0.16.0 is released 🎉
DocumentationTileTile

Tile

A specialized Item for touch devices, typically used to group related information together.

API Reference

Tiles can be grouped together inside a FTileGroup.

CLI

To generate and customize this style:

dart run forui style create tile

Usage

FTile(...)

FTile(
  style: FTileStyle(...),
  prefix: Icon(FIcons.user),
  title: const Text('Title'),
  subtitle: const Text('Subtitle'),
  details: const Text('Details'),
  suffix: Icon(FIcons.chevronRight),
  semanticsLabel: 'Label',
  enabled: true,
  selected: false,
  onFocusChange: (focused) {},
  onHoverChange: (hovered) {},
  onStateChange: (delta) {},
  onPress: () {},
  onLongPress: () {},
  onSecondaryPress: () {},
  onSecondaryLongPress: () {},
  shortcuts: { SingleActivator(LogicalKeyboardKey.enter): ActivateIntent() },
  actions: { ActivateIntent: CallbackAction<ActivateIntent>(onInvoke: (_) {}) },
);

FTile.raw(...)

FTile.raw(
  style: FTileStyle(...),
  prefix: Icon(FIcons.user),
  child: const Text('Title'),
  semanticsLabel: 'Label',
  enabled: true,
  selected: false,
  onFocusChange: (focused) {},
  onHoverChange: (hovered) {},
  onStateChange: (delta) {},
  onPress: () {},
  onLongPress: () {},
  onSecondaryPress: () {},
  onSecondaryLongPress: () {},
  shortcuts: { SingleActivator(LogicalKeyboardKey.enter): ActivateIntent() },
  actions: { ActivateIntent: CallbackAction<ActivateIntent>(onInvoke: (_) {}) },
);

Examples

Untappable

Disabled

With Subtitle

With Details

Last updated on
Line CalendarTile Group