Blurred Decoration Image In Flutter
Answer : You could do something like this, by blurring the container child instead. class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( home: new Container( decoration: new BoxDecoration( image: new DecorationImage( image: new ExactAssetImage('assets/dog.png'), fit: BoxFit.cover, ), ), child: new BackdropFilter( filter: new ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0), child: new Container( decoration: new BoxDecoration(color: Colors.white.withOpacity(0.0)), ), ), ), ); } } Screenshot Screenshot: Using Stack : SizedBox( height: 200, child: Stack( fit: StackFit.expand, children: [ Image.asset('chocolate_image', fit: BoxFit.cover), ClipRRect( // Clip it cleanly. child: BackdropFilter( filter: ImageFilter.blur(sigmaX: 10,...