inactiveTickColor property

Color? inactiveTickColor
final

Specifies the color for the inactive major ticks 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 the min value and the thumb.

This snippet shows how to set inactive major ticks color in SfRangeSliderThemeData.

SfRangeValues _values = SfRangeValues(4.0, 8.0);

Scaffold(
    body: Center(
        child: SfRangeSliderTheme(
            data: SfRangeSliderThemeData(
                 inactiveTickColor: Colors.red[100],
            ),
            child:  SfRangeSlider(
                min: 2.0,
                max: 10.0,
                values: _values,
                interval: 1,
                showTicks: true,
                onChanged: (SfRangeValues newValues){
                    setState(() {
                        _values = newValues;
                    });
                },
           )
       ),
   )
)

Implementation

final Color? inactiveTickColor;