inactiveDividerColor property

Color? inactiveDividerColor
final

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

The inactive side of the SfRangeSlider and SfRangeSelector is between the min value and the left thumb, and the right thumb and the max value.

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

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

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

SfRangeValues _values = SfRangeValues(4.0, 8.0);

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

Implementation

final Color? inactiveDividerColor;