Kartenliste mit Suche, Pagination, Auswahl und eigenen Karteninhalten.
TxCardView
| Parameter | Typ | Standard | Bedeutung |
|---|---|---|---|
| dataSource | Object | erforderlich | Liste, Konfiguration oder DataSource-Instanz; hat Vorrang vor items. |
| keyOf | Object Function(T row) | erforderlich | Liest den stabilen Datensatzschlüssel. |
| titleOf | String Function(T row) | erforderlich | Getter des Kartentitels. |
| subtitleOf | String? Function(T row)? | null | Getter des Kartenuntertitels. |
| imageOf | String? Function(T row)? | null | Getter der Kartenbildadresse. |
| imageAltOf | String? Function(T row)? | null | Getter des Bildalternativtexts. |
| columns | List<TxCardField<T>> | const [] | Spalten- beziehungsweise Kartenfeldkonfigurationen. |
| searchEnabled | bool | true | Aktiviert die Suche. |
| searchTextOf | String? Function(T row)? | null | Getter des durchsuchbaren Kartentexts. |
| pageSize | int | 6 | Anzahl Datensätze je Seite. |
| pageIndex | int? | null | Nullbasierter Seitenindex. |
| onPageIndexChanged | ValueChanged<int>? | null | Meldet pageIndex; kontrollierten Zustand im Callback aktualisieren. |
| selection | TxSelectionMode | TxSelectionMode.none | Auswahlmodus. |
| selectedCardKeys | Set<Object>? | null | Kontrollierte Menge ausgewählter Kartenschlüssel. |
| onSelectedCardKeysChanged | ValueChanged<Set<Object>>? | null | Meldet selectedCardKeys; kontrollierten Zustand im Callback aktualisieren. |
| onSelectionChanged | ValueChanged<TxSelection<T>>? | null | Meldet selection; kontrollierten Zustand im Callback aktualisieren. |
| onCardClick | ValueChanged<T>? | null | Meldet den über die Details-Aktion aktivierten Datensatz. |
| onSearchChanged | ValueChanged<String>? | null | Meldet search; kontrollierten Zustand im Callback aktualisieren. |
| loading | bool | false | Zeigt den Ladezustand. |
| disabled | bool | false | Sperrt die Interaktion. |
| noDataText | String | 'Keine Karten vorhanden.' | Text bei leerem Datenbestand. |
| label | String | 'Kartenansicht' | Beschriftung beziehungsweise zugänglicher Name. |
| itemBuilder | Widget Function(BuildContext context, T row, bool selected)? | null | Erzeugt eigenen Inhalt; Callbackparameter und Rückgabetyp stehen in der Signatur. |
| mediaBuilder | Widget Function(BuildContext context, T row)? | null | Erzeugt eigenen Inhalt; Callbackparameter und Rückgabetyp stehen in der Signatur. |
| contentBuilder | Widget Function(BuildContext context, T row)? | null | Erzeugt eigenen Inhalt; Callbackparameter und Rückgabetyp stehen in der Signatur. |
| footerBuilder | Widget Function(BuildContext context, T row)? | null | Erzeugt eigenen Inhalt; Callbackparameter und Rückgabetyp stehen in der Signatur. |
import 'package:flutter/material.dart';
import 'package:tecexpress/tecexpress.dart';
Widget example() {
final rows = <Map<String, Object>>[{'id': 1, 'name': 'Alex'}];
return TxCardView<Map<String, Object>>(dataSource: rows, keyOf: (row) => row['id']!, titleOf: (row) => '${row['name']}');
}