TxRangeSlider · Flutter

Select an interval using two bounds, steps and minimum/maximum distances.

TxRangeSlider

Parameter	Type	Default	Meaning
value	`RangeValues`	`required`	Current input/option value.
onChanged	`ValueChanged<RangeValues>?`	`null`	Callback for changed; see the signature for arguments and return type.
min	`double`	`0`	Lower allowed bound.
max	`double`	`100`	Upper allowed bound.
step	`double`	`1`	Step size; milliseconds for Vue date ranges.
minRange	`double`	`0`	Minimum distance between range bounds.
maxRange	`double?`	`null`	Maximum distance between range bounds.
disabled	`bool`	`false`	Disables interaction.
readOnly	`bool`	`false`	Prevents value changes.
format	`String Function(double)?`	`null`	Formats range values for display.
label	`String`	`'Bereich'`	Label or accessible 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)),
  );
}

TxRangeSlider.