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

TxRangeSlider.

Interaktive Vorschau

Auswahl eines Intervalls mit zwei Grenzen, Schritten und Mindest-/Höchstabstand.

TxRangeSlider

ParameterTypStandardBedeutung
valueRangeValueserforderlichAktueller Eingabe-/Optionswert.
onChangedValueChanged<RangeValues>?nullCallback für changed; Argumente und Rückgabetyp siehe Signatur.
mindouble0Untere zulässige Grenze.
maxdouble100Obere zulässige Grenze.
stepdouble1Schrittweite; bei zeitlichen Vue-Bereichen in Millisekunden.
minRangedouble0Mindestabstand zwischen den Bereichsgrenzen.
maxRangedouble?nullHöchstabstand zwischen den Bereichsgrenzen.
disabledboolfalseSperrt die Interaktion.
readOnlyboolfalseVerhindert Änderungen des Werts.
formatString Function(double)?nullFormatiert Bereichswerte für die Anzeige.
labelString'Bereich'Beschriftung beziehungsweise zugänglicher Name.
dart
import 'package:flutter/material.dart';
import 'package:tecexpress/tecexpress.dart';

Widget example() {
  var range = const RangeValues(20, 80);
  return StatefulBuilder(
    builder: (context, setState) => TxRangeSlider(value: range, onChanged: (v) => setState(() => range = v)),
  );
}