inactiveTrackColor property

Color? inactiveTrackColor
final

Specifies the color for the inactive track in the SfSlider, SfRangeSlider, and SfRangeSelector.

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

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

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

This snippet shows how to set inactive track color in SfRangeSliderThemeData.

SfRangeValues _values = SfRangeValues(4.0, 8.0);

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

Implementation

final Color? inactiveTrackColor;