overlayColor property

Color? overlayColor
final

Specifies the color for the overlay in the SfSlider, SfRangeSlider, and SfRangeSelector.

Overlay appears while interacting with thumbs.

This snippet shows how to set overlay color in SfRangeSliderThemeData.

SfRangeValues _values = SfRangeValues(4.0, 8.0);

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

Implementation

final Color? overlayColor;