RadialShadedSteps constructor

const RadialShadedSteps({
  1. ColorArithmetic shadeFunction = Shades.withWhite,
  2. double shadeFactor = -90,
  3. double distance = 0.6,
  4. double softness = 0.0,
  5. required List<Color> colors,
  6. List<double>? stops,
  7. AlignmentGeometry center = Alignment.center,
  8. double radius = 0.5,
  9. AlignmentGeometry? focal,
  10. double focalRadius = 0.0,
  11. TileMode tileMode = TileMode.clamp,
  12. GradientTransform? transform,
})

A standard Steps gradient differs from the average Gradient in its progression from one color to the next. Instead of smoothly transitioning between colors, Steps have hard edges created by duplicating colors and stops.

This RadialShadedSteps evolves RadialSteps one step further by creating the "stepping" effect across four colors/stops entries instead of only two. This allows greater control over the inner appearance of each given step; "shading" it darker or "shading" it more transparent, for example, in accordance with shadeFunction.

The default shadeFunction is Shades.withWhite and the default shadeFactor is -90. In this default scenario, each step will transition from color to color.withwhite(-90).

The distance, defaulting at 0.6 is a percentage between the start and end of each step color to begin transitioning toward the color value with shadeFunction applied to it.

See RadialSteps for more information.

Implementation

const RadialShadedSteps({
  this.shadeFunction = Shades.withWhite,
  this.shadeFactor = -90,
  this.distance = 0.6,
  double softness = 0.0,
  required List<Color> colors,
  List<double>? stops,
  AlignmentGeometry center = Alignment.center,
  double radius = 0.5,
  AlignmentGeometry? focal,
  double focalRadius = 0.0,
  TileMode tileMode = TileMode.clamp,
  GradientTransform? transform,
}) : super(
        softness: softness,
        colors: colors,
        stops: stops,
        center: center,
        radius: radius,
        focal: focal,
        focalRadius: focalRadius,
        tileMode: tileMode,
        transform: transform,
      );