RadialShadedSteps constructor
- ColorArithmetic shadeFunction = Shades.withWhite,
- double shadeFactor = -90,
- double 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,
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,
);