t×tecexpressby TeKOcloud
ENv0.7.1
Navigation & Feedback / FLUTTER

TxTabs.

Interaktive Vorschau

Reiternavigation mit optionalem Inhalt des aktiven Reiters.

TxTabs

ParameterTypStandardBedeutung
itemsList<TxMenuItem>const []Einträge; bei Datenbindung durch dataSource ersetzt.
dataSourceObject?nullListe, Konfiguration oder DataSource-Instanz; hat Vorrang vor items.
selectedIndexint?nullNullbasierter aktiver Eintrag.
initialIndexint0Anfänglicher Reiter im unkontrollierten Modus.
onChangedValueChanged<int>?nullCallback für changed; Argumente und Rückgabetyp siehe Signatur.
builderWidget Function(BuildContext context, int selectedIndex)?nullErzeugt eigenen Inhalt; Callbackparameter und Rückgabetyp stehen in der Signatur.
disabledboolfalseSperrt die Interaktion.
labelString'Reiter'Beschriftung beziehungsweise zugänglicher Name.
orientationAxisAxis.horizontalAusrichtung der Reiter.
swipeEnabledboolfalseErlaubt Reiterwechsel durch Wischen.
animationEnabledbooltrueAktiviert Inhaltsübergänge.
dart
import 'package:flutter/material.dart';
import 'package:tecexpress/tecexpress.dart';

Widget example() {

  return TxTabs(items: const [TxMenuItem('Home'), TxMenuItem('Settings')], builder: (context, index) => Text('Page $index'));
}