SfRangeSlider.vertical constructor

const SfRangeSlider.vertical({
  1. Key? key,
  2. dynamic min = 0.0,
  3. dynamic max = 1.0,
  4. required SfRangeValues values,
  5. required ValueChanged<SfRangeValues>? onChanged,
  6. ValueChanged<SfRangeValues>? onChangeStart,
  7. ValueChanged<SfRangeValues>? onChangeEnd,
  8. double? interval,
  9. double? stepSize,
  10. SliderStepDuration? stepDuration,
  11. int minorTicksPerInterval = 0,
  12. bool showTicks = false,
  13. bool showLabels = false,
  14. bool showDividers = false,
  15. bool enableTooltip = false,
  16. bool shouldAlwaysShowTooltip = false,
  17. bool enableIntervalSelection = false,
  18. SliderDragMode dragMode = SliderDragMode.onThumb,
  19. bool isInversed = false,
  20. Color? inactiveColor,
  21. Color? activeColor,
  22. LabelPlacement labelPlacement = LabelPlacement.onTicks,
  23. EdgeLabelPlacement edgeLabelPlacement = EdgeLabelPlacement.auto,
  24. NumberFormat? numberFormat,
  25. DateFormat? dateFormat,
  26. DateIntervalType? dateIntervalType,
  27. LabelFormatterCallback? labelFormatterCallback,
  28. TooltipTextFormatterCallback? tooltipTextFormatterCallback,
  29. RangeSliderSemanticFormatterCallback? semanticFormatterCallback,
  30. SfTrackShape trackShape = const SfTrackShape(),
  31. SfDividerShape dividerShape = const SfDividerShape(),
  32. SfOverlayShape overlayShape = const SfOverlayShape(),
  33. SfThumbShape thumbShape = const SfThumbShape(),
  34. SfTickShape tickShape = const SfTickShape(),
  35. SfTickShape minorTickShape = const SfMinorTickShape(),
  36. SfTooltipShape tooltipShape = const SfRectangularTooltipShape(),
  37. Widget? startThumbIcon,
  38. Widget? endThumbIcon,
  39. SliderTooltipPosition tooltipPosition = SliderTooltipPosition.left,
})

Creates a vertical SfRangeSlider.

TooltipPosition

Enables tooltip in left or right position for vertical range slider.

Example

This snippet shows how to create a vertical SfRangeSlider with right side tooltip

SfRangeValues _values = SfRangeValues (30,60));

@override
Widget build(BuildContext context) {
  return MaterialApp(
     home: Scaffold(
         body: Center(
             child: SfRangeSlider.vertical(
                  min: 10.0,
                  max: 100.0,
                    values: _values,
                    enableTooltip: true,
                    tooltipPosition: SliderTooltipPosition.right,
                    onChanged: (dynamic newValues) {
                        setState(() {
                            _values = newValues;
                        });
                  },
             )
          )
      )
  );
}

See also:

  • Check the default constructor for horizontal range slider.

Implementation

const SfRangeSlider.vertical({
  Key? key,
  this.min = 0.0,
  this.max = 1.0,
  required this.values,
  required this.onChanged,
  this.onChangeStart,
  this.onChangeEnd,
  this.interval,
  this.stepSize,
  this.stepDuration,
  this.minorTicksPerInterval = 0,
  this.showTicks = false,
  this.showLabels = false,
  this.showDividers = false,
  this.enableTooltip = false,
  this.shouldAlwaysShowTooltip = false,
  this.enableIntervalSelection = false,
  this.dragMode = SliderDragMode.onThumb,
  this.isInversed = false,
  this.inactiveColor,
  this.activeColor,
  this.labelPlacement = LabelPlacement.onTicks,
  this.edgeLabelPlacement = EdgeLabelPlacement.auto,
  this.numberFormat,
  this.dateFormat,
  this.dateIntervalType,
  this.labelFormatterCallback,
  this.tooltipTextFormatterCallback,
  this.semanticFormatterCallback,
  this.trackShape = const SfTrackShape(),
  this.dividerShape = const SfDividerShape(),
  this.overlayShape = const SfOverlayShape(),
  this.thumbShape = const SfThumbShape(),
  this.tickShape = const SfTickShape(),
  this.minorTickShape = const SfMinorTickShape(),
  this.tooltipShape = const SfRectangularTooltipShape(),
  this.startThumbIcon,
  this.endThumbIcon,
  SliderTooltipPosition tooltipPosition = SliderTooltipPosition.left,
}) : _sliderType = SliderType.vertical,
     _tooltipPosition = tooltipPosition,
     assert(tooltipShape is! SfPaddleTooltipShape),
     assert(min != max),
     assert(interval == null || interval > 0),
     super(key: key);