t×tecexpressby TeKOcloud
ENv0.7.1
Eingaben & Auswahl / FLUTTER

TxButtonGroup.

Interaktive Vorschau

Gruppe von Aktionen mit keiner, einfacher oder mehrfacher Auswahl.

TxButtonGroup

ParameterTypStandardBedeutung
itemsList<TxItem<T>>const []Einträge; bei Datenbindung durch dataSource ersetzt.
dataSourceObject?nullListe, Konfiguration oder DataSource-Instanz; hat Vorrang vor items.
valuesSet<T>const {}Aktuell ausgewählte Werte.
onChangedValueChanged<Set<T>>?nullCallback für changed; Argumente und Rückgabetyp siehe Signatur.
onItemClickValueChanged<TxItem<T>>?nullMeldet den aktivierten Eintrag; Parameter gemäß der Callbacksignatur.
selectionTxSelectionModeTxSelectionMode.singleAuswahlmodus.
disabledboolfalseSperrt die Interaktion.
directionAxisAxis.horizontalAnordnung der Einträge.
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)),
  );
}