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

TxTagBox.

Interaktive Vorschau

Suchbare Mehrfachauswahl mit Tags. Alle auswählen betrifft die geladenen Ergebnisse.

TxTagBox

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.
disabledboolfalseSperrt die Interaktion.
labelString'Auswählen'Beschriftung beziehungsweise zugänglicher Name.
maxDisplayedTagsint4Maximal sichtbare Tags vor der Zusammenfassung.
applyOnConfirmboolfalseÜbernimmt die Auswahl erst bei Bestätigung.
onCustomItemCreatingFutureOr<TxItem<T>> Function(String)?nullErzeugt synchron oder asynchron einen TxItem aus dem eingegebenen Text.
showSelectionControlsbooltrueZeigt Mehrfachauswahl-/Alle-Steuerelemente.
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) => TxTagBox<int>(items: options, values: keys, onChanged: (v) => setState(() => keys = v)),
  );
}