blurEffect method

Widget blurEffect({
  1. double blur = 10.0,
  2. double borderRadius = 12.0,
  3. Border? border,
  4. Color? tint,
  5. Gradient? gradient,
  6. List<BoxShadow>? shadow,
  7. Clip clipBehavior = Clip.antiAlias,
  8. EdgeInsetsGeometry? padding,
})

Implementation

Widget blurEffect({
  double blur = 10.0, // Gaussian blur radius
  double borderRadius = 12.0,
  Border? border,
  Color? tint,
  Gradient? gradient,
  List<BoxShadow>? shadow,
  Clip clipBehavior = Clip.antiAlias,
  EdgeInsetsGeometry? padding,
}) {
  return ClipRRect(
    borderRadius: BorderRadius.circular(borderRadius),
    clipBehavior: clipBehavior,
    child: Stack(
      fit: StackFit.passthrough,
      children: [
        // Blur layer
        BackdropFilter(
          filter: ui.ImageFilter.blur(sigmaX: blur, sigmaY: blur),
          child: Container(
            decoration: BoxDecoration(
              color: tint, // optional solid tint
              gradient: gradient, // optional gradient overlay
              border: border,
              boxShadow: shadow,
            ),
            padding: padding,
          ),
        ),

        // Foreground child
        this,
      ],
    ),
  );
}