BlurredBackground.dart

import 'dart:ui';

import 'package:flutter/material.dart';

class BlurredBackground extends StatelessWidget {
  final Widget child;
  final Image image;
  final double blurSize;
  final Color maskColor;

  const BlurredBackground({Key key, this.image, this.child, this.blurSize = 5.0, this.maskColor = Colors.transparent}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Stack(
      fit: StackFit.expand,
      children: <Widget>[
        this.image,
        Center(
          child: ClipRect(
            child: BackdropFilter(
              filter: ImageFilter.blur(
                sigmaX: this.blurSize,
                sigmaY: this.blurSize
              ),
              child: Container(
                color: this.maskColor,
                alignment: Alignment.center,
                child: this.child,
              ),
            ),
          ),
        ),
      ],
    );
  }
}