copyWith method

@useResult FDialogStyle copyWith({ ImageFilter backgroundFilter(double)? = imageFilterFunctionSentinel, BoxDecorationDelta? decoration, EdgeInsetsGeometry? insetPadding, FVariantsDelta<FDialogAxisVariantConstraint, FDialogAxisVariant, FDialogContentStyle, FDialogContentStyleDelta>? contentStyle, FDialogMotionDelta? motion, })

Returns a copy of this FDialogStyle with the given properties replaced.

See customizing widget styles.

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

@useResult
FDialogStyle copyWith({
  ImageFilter Function(double)? backgroundFilter = imageFilterFunctionSentinel,
  BoxDecorationDelta? decoration,
  EdgeInsetsGeometry? insetPadding,
  FVariantsDelta<FDialogAxisVariantConstraint, FDialogAxisVariant, FDialogContentStyle, FDialogContentStyleDelta>?
  contentStyle,
  FDialogMotionDelta? motion,
}) => .new(
  backgroundFilter: backgroundFilter == imageFilterFunctionSentinel ? this.backgroundFilter : backgroundFilter,
  decoration: decoration?.call(this.decoration) ?? this.decoration,
  insetPadding: insetPadding ?? this.insetPadding,
  contentStyle: contentStyle?.call(this.contentStyle) ?? this.contentStyle,
  motion: motion?.call(this.motion) ?? this.motion,
);