FDialogStyleDelta.delta constructor

const FDialogStyleDelta.delta({ ImageFilter backgroundFilter(double)?, BoxDecorationDelta? decoration, EdgeInsetsGeometry? insetPadding, FVariantsDelta<FDialogAxisVariantConstraint, FDialogAxisVariant, FDialogContentStyle, FDialogContentStyleDelta>? contentStyle, FDialogMotionDelta? motion, })

Creates a partial modification of a FDialogStyle.

Parameters

• FDialogStyle.backgroundFilter - An optional callback that takes the current animation transition value (0.0 to 1.0) and returns an ImageFilter that is used as the background. Defaults to null.

This is typically combined with a transparent/translucent background to create a glassmorphic effect.

Examples

// Blurred
(animation) => ImageFilter.blur(sigmaX: animation * 5, sigmaY: animation * 5);

// Solid color
(animation) => ColorFilter.mode(Colors.white.withValues(alpha: animation), BlendMode.srcOver);

// Tinted
(animation) => ColorFilter.mode(Colors.white.withValues(alpha: animation * 0.5), BlendMode.srcOver);

// Blurred & tinted
(animation) => ImageFilter.compose(
  outer: ImageFilter.blur(sigmaX: animation * 5, sigmaY: animation * 5),
  inner: ColorFilter.mode(Colors.white.withValues(alpha: animation * 0.5), BlendMode.srcOver),
);

• FDialogStyle.decoration - The decoration.
• FDialogStyle.insetPadding - The inset padding.
• FDialogStyle.contentStyle - The dialog content's style.
• FDialogStyle.motion - Motion-related properties.

Implementation

const factory FDialogStyleDelta.delta({
  ImageFilter Function(double)? backgroundFilter,
  BoxDecorationDelta? decoration,
  EdgeInsetsGeometry? insetPadding,
  FVariantsDelta<FDialogAxisVariantConstraint, FDialogAxisVariant, FDialogContentStyle, FDialogContentStyleDelta>?
  contentStyle,
  FDialogMotionDelta? motion,
}) = _FDialogStyleDelta;