inactiveRegionColor property

Color? inactiveRegionColor
final

Specifies the color for the inactive region of the child in the 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 is between the max value and the left thumb, and the right thumb and the min value.

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

SfRangeValues _values = SfRangeValues(4.0, 8.0);

Scaffold(
    body: Center(
        child: SfRangeSelectorTheme(
            data: SfRangeSliderThemeData(
                inactiveRegionColor: Colors.blue[200],
            ),
            child:  SfRangeSelector(
               min: 2.0,
               max: 10.0,
               interval: 1,
               showLabels: true,
               showTicks: true,
               initialValues: _values,
               child: Container(
                  height: 200,
                  color: Colors.pink,
               ),
           )
       ),
   )
)

Implementation

final Color? inactiveRegionColor;