activeLabelStyle property

TextStyle? activeLabelStyle
final

Specifies the appearance for active label in the SfSlider, SfRangeSlider, and SfRangeSelector.

The active side of the SfRangeSlider and SfRangeSelector is between start and end thumbs.

The active side of the SfSlider is between min value and the thumb.

This snippet shows how to set active label style in SfRangeSliderThemeData.

SfRangeValues _values = SfRangeValues(4.0, 8.0);

Scaffold(
    body: Center(
        child: SfRangeSliderTheme(
            data: SfRangeSliderThemeData(
                activeLabelStyle: TextStyle(color: Colors.red,
                fontSize: 12, fontStyle: FontStyle.italic),
            ),
            child:  SfRangeSlider(
                min: 2.0,
                max: 10.0,
                values: _values,
                interval: 1,
                showTicks: true,
                showLabels: true,
                onChanged: (SfRangeValues newValues){
                    setState(() {
                        _values = newValues;
                    });
                },
           )
       ),
   )
)

Implementation

final TextStyle? activeLabelStyle;