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

TxNumberBox.

Interaktive Vorschau

Zahleneingabe mit Grenzen und Schritten. Ein leerer Wert ergibt null.

TxNumberBox

ParameterTypStandardBedeutung
valuenum?nullAktueller Eingabe-/Optionswert.
initialValuenum?nullStartwert im unkontrollierten Modus.
onChangedValueChanged<num?>?nullCallback für changed; Argumente und Rückgabetyp siehe Signatur.
onValueChangedValueChanged<TxValueChange<num?>>?nullMeldet value; kontrollierten Zustand im Callback aktualisieren.
labelString?nullBeschriftung beziehungsweise zugänglicher Name.
placeholderString?nullHinweis bei leerer Eingabe.
minnum?nullUntere zulässige Grenze.
maxnum?nullObere zulässige Grenze.
stepnum1Schrittweite; bei zeitlichen Vue-Bereichen in Millisekunden.
disabledboolfalseSperrt die Interaktion.
readOnlyboolfalseVerhindert Änderungen des Werts.
isValidbooltrueSteuert die Fehlerdarstellung; führt keine eigene Validierung aus.
validationMessageString'Bitte Eingabe prüfen.'Fehlermeldung bei isValid = false.
dart
import 'package:flutter/material.dart';
import 'package:tecexpress/tecexpress.dart';

Widget example() {
  num? amount = 10;
  return StatefulBuilder(
    builder: (context, setState) => TxNumberBox(value: amount, min: 0, max: 100, onChanged: (v) => setState(() => amount = v)),
  );
}