inactiveLabelStyle property

TextStyle? inactiveLabelStyle
final

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

The inactive side of the SfRangeSlider and SfRangeSelector is between the min value and the start thumb and the end thumb and the max value.

For RTL, the inactive side of the SfRangeSlider and SfRangeSelector is between the max value and the start thumb, and the end thumb and the min value.

The inactive side of the SfSlider is between thumb and max value.

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

SfRangeValues _values = SfRangeValues(4.0, 8.0);

Scaffold(
    body: Center(
        child: SfRangeSliderTheme(
            data: SfRangeSliderThemeData(
                inactiveLabelStyle: TextStyle(color: Colors.red[200],
                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? inactiveLabelStyle;