SfSlider.vertical constructor

const SfSlider.vertical({
  1. Key? key,
  2. dynamic min = 0.0,
  3. dynamic max = 1.0,
  4. required dynamic value,
  5. required ValueChanged? onChanged,
  6. ValueChanged? onChangeStart,
  7. ValueChanged? 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 isInversed = false,
  18. Color? activeColor,
  19. Color? inactiveColor,
  20. LabelPlacement labelPlacement = LabelPlacement.onTicks,
  21. EdgeLabelPlacement edgeLabelPlacement = EdgeLabelPlacement.auto,
  22. NumberFormat? numberFormat,
  23. DateFormat? dateFormat,
  24. DateIntervalType? dateIntervalType,
  25. LabelFormatterCallback? labelFormatterCallback,
  26. TooltipTextFormatterCallback? tooltipTextFormatterCallback,
  27. SfSliderSemanticFormatterCallback? semanticFormatterCallback,
  28. SfTrackShape trackShape = const SfTrackShape(),
  29. SfDividerShape dividerShape = const SfDividerShape(),
  30. SfOverlayShape overlayShape = const SfOverlayShape(),
  31. SfThumbShape thumbShape = const SfThumbShape(),
  32. SfTickShape tickShape = const SfTickShape(),
  33. SfTickShape minorTickShape = const SfMinorTickShape(),
  34. SfTooltipShape tooltipShape = const SfRectangularTooltipShape(),
  35. Widget? thumbIcon,
  36. SliderTooltipPosition tooltipPosition = SliderTooltipPosition.left,
})

Creates a vertical SfSlider.

TooltipPosition

Enables tooltip in left or right position for vertical slider.

Defaults to SliderTooltipPosition.left.

Example

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

double _value = 4.0;

@override
Widget build(BuildContext context) {
  return MaterialApp(
     home: Scaffold(
         body: Center(
             child: SfSlider.vertical(
                    min: 0.0,
                    max: 10.0,
                    value: _value,
                    enableTooltip: true,
                    tooltipPosition: SliderTooltipPosition.right,
                    onChanged: (dynamic newValue) {
                        setState(() {
                            _value = newValue;
                        });
                  },
             )
          )
      )
  );
}

See also:

  • Check the default constructor for horizontal slider.

Implementation

const SfSlider.vertical(
    {Key? key,
    this.min = 0.0,
    this.max = 1.0,
    required this.value,
    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.isInversed = false,
    this.activeColor,
    this.inactiveColor,
    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.thumbIcon,
    SliderTooltipPosition tooltipPosition = SliderTooltipPosition.left})
    : _sliderType = SliderType.vertical,
      _tooltipPosition = tooltipPosition,
      assert(tooltipShape is! SfPaddleTooltipShape),
      assert(min != max),
      assert(interval == null || interval > 0),
      super(key: key);