Item
An item is typically used to group related information together.
This widget is typically used to create more complex widgets rather than being used directly.
Preview
CLI
To generate and customize this style:
dart run forui style create item
Usage
FItem(...)
FItem(
style: FFItemStyle(...),
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: (states) {},
onPress: () {},
onLongPress: () {},
shortcuts: { SingleActivator(LogicalKeyboardKey.enter): ActivateIntent() },
actions: { ActivateIntent: CallbackAction<ActivateIntent>(onInvoke: (_) {}) },
);
FItem.raw(...)
FItem.raw(
style: FItemStyle(...),
prefix: Icon(FIcons.user),
child: const Text('Title'),
semanticsLabel: 'Label',
enabled: true,
selected: false,
onFocusChange: (focused) {},
onHoverChange: (hovered) {},
onStateChange: (states) {},
onPress: () {},
onLongPress: () {},
shortcuts: { SingleActivator(LogicalKeyboardKey.enter): ActivateIntent() },
actions: { ActivateIntent: CallbackAction<ActivateIntent>(onInvoke: (_) {}) },
);
Examples
Untappable
Preview
Disabled
Preview
With Subtitle
Preview
With Details
Preview
Last updated on