initialValues property
The values that initially selected in the range selector.
The range selector's start and end thumbs are drawn corresponding to these values.
For date values, the range selector doesn’t have auto interval support. So, you may need to set interval, dateIntervalType, and dateFormat for date values, if the labels, ticks, and dividers are needed.
The range selector widget maintains state internally. So, the widget calls the onChanged callback with the new values when the state of range selector changes.
This snippet shows how to create a numeric SfRangeSelector.
SfRangeValues _initialValues = SfRangeValues(4.0, 8.0);
SfRangeSelector(
min: 0.0,
max: 10.0,
initialValues: _initialValues,
interval: 1,
showTicks: true,
showLabels: true,
child: Container(
height: 200,
color: Colors.green[100],
),
)
See also:
- RangeController, for coordinating between SfRangeSelector and the widget which listens to it.
- showTicks, to render major ticks at given interval.
- showLabels, to render labels at given interval.
Implementation
final SfRangeValues? initialValues;