How do I blur a widget in Flutter

Question

I need to blur a widget, for example, a simple Container. How do I blur it?

new Container(
  child: new Text('hello I am here'),
  height: 100.0,
  width: 100.0,
  color: Colors.red,
)

Consider the above Container.

Answer 1

Here is sample code:

import 'dart:ui' as ui;

 Widget backdropFilterExample(BuildContext context, Widget child) {
    return Stack(
      fit: StackFit.expand,
      children: <Widget>[
        child,
        BackdropFilter(
          filter: ui.ImageFilter.blur(
            sigmaX: 8.0,
            sigmaY: 8.0,
          ),
          child: Container(
            color: Colors.transparent,
          ),
        )
      ],
    );
  }

Google also has sample code on:

https://api.flutter.dev/flutter/widgets/BackdropFilter-class.html