Flutter 中的模糊图像

Question

我是 Flutter 新手。 我想在容器中的 flutter 中使 .png 图像模糊。为此，我使用了下面提到的代码。但是模糊效果应用于整个屏幕。

我使用了以下代码：

child: Container(
                  padding: EdgeInsets.only(
                  left: 18, right: 18, top: 7, bottom: 7),
                  width: _width,

                  child: Stack(
                    children : [ 
                      Image.asset('assets/classes.png',
                            fit: BoxFit.fitWidth,
                            ),
                      Positioned.fill(
                        child: BackdropFilter(
                          filter: ImageFilter.blur(sigmaX: 4,sigmaY: 4),
                          child: Container(color: Colors.white.withOpacity(0.5)),
                          )
                        )
                    ]
                    ),

                ),
              ),
            ]),
          ),
        ),
      ),
    ]),

Answer 1

在 pub.dev

中检查此包

https://pub.dev/packages/blur

此外，您可以在这个问题的答案中找到很好的解决方案：

Answer 2

我认为图像应该是背景滤镜的子图像