t×tecexpressby TeKOcloud
DEv0.7.1
Editors & selection / FLUTTER

TxButtonGroup.

Interactive preview

Group of actions with no, single or multiple selection.

TxButtonGroup

ParameterTypeDefaultMeaning
itemsList<TxItem<T>>const []Entries; replaced by dataSource when bound.
dataSourceObject?nullList, configuration or DataSource instance; takes precedence over items.
valuesSet<T>const {}Currently selected values.
onChangedValueChanged<Set<T>>?nullCallback for changed; see the signature for arguments and return type.
onItemClickValueChanged<TxItem<T>>?nullReports the activated entry; arguments follow the callback signature.
selectionTxSelectionModeTxSelectionMode.singleSelection mode.
disabledboolfalseDisables interaction.
directionAxisAxis.horizontalEntry layout direction.
dart
import 'package:flutter/material.dart';
import 'package:tecexpress/tecexpress.dart';

Widget example() {
  const options = [TxItem(value: 1, text: 'One'), TxItem(value: 2, text: 'Two')];
  var keys = <int>{};
  return StatefulBuilder(
    builder: (context, setState) => TxButtonGroup<int>(items: options, values: keys, onChanged: (v) => setState(() => keys = v)),
  );
}