Select Tile Group
A group of tiles that allow users to make a selection from a set of options.
For desktop, a select group is generally recommended over this.
Usage
FSelectTileGroup(...)
FSelectTileGroup<Value>(
groupController: FMultiSelectGroupController(), // or FRadioSelectGroupController()
scrollController: ScrollController(),
cacheExtent: 100,
maxHeight: 200,
dragStartBehavior: DragStartBehavior.start,
label: const Text('Sidebar'),
description: const Text('Select the items you want to display in the sidebar.'),
divider: FTileDivider.indented,
items: [
FSelectTile(
label: const Text('1'),
value: 1,
),
],
);FTileGroup.builder(...)
FSelectTileGroup<Value>.builder(
groupController: FMultiSelectGroupController(), // or FRadioSelectGroupController()
scrollController: ScrollController(),
cacheExtent: 100,
maxHeight: 200,
dragStartBehavior: DragStartBehavior.start,
label: const Text('Settings'),
description: const Text('Personalize your experience'),
semanticLabel: 'Settings',
divider: FTileDivider.indented,
tileBuilder: (context, index) => FSelectTile(
title: Text('Tile $index'),
value: Value.something,
),
predicate: (context, index) => index < 10,
count: 100,
);