endThumbIcon property
Sets the widget inside the right thumb.
Defaults to null
.
It is possible to set any widget inside the right thumb. If the widget
exceeds the size of the thumb, increase the
SfSliderThemeData.thumbRadius
based on it.
This snippet shows how to show end thumb icon in SfRangeSlider.
SfRangeValues _values = SfRangeValues(4.0, 8.0);
SfRangeSlider(
min: 0.0,
max: 10.0,
values: _values,
interval: 1,
showTicks: true,
showLabels: true,
enableTooltip: true,
endThumbIcon: Icon(
Icons.home,
color: Colors.green,
size: 20.0,
),
onChanged: (SfRangeValues newValues) {
setState(() {
_values = newValues;
});
},
)
See also:
- thumbShape, for customizing the thumb shape.
- SfRangeSliderThemeData, for customizing the individual active range slider element’s visual.
Implementation
final Widget? endThumbIcon;