Blurred Decoration Image in Flutter

Question

I have the background of my app set like so:

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Material         


        

Answer 1

It's better if you put in ClipRRect, like this :

Container(
    child: ClipRRect(
      child: Stack(
        children: [
          FadeInImage.assetNetwork(
          placeholder: placeholder,
          image: thumbnail,
          fit: BoxFit.cover,
          ),
          BackdropFilter(
            child: Container(
              color: Colors.black12,
            ),
            filter: ImageFilter.blur(sigmaY: 10, sigmaX: 10),
          )
        ],
      ),
    ),
    width: double.infinity,
  ),

This case apply for Image (Thumbnail) list items correctly.