ImageFilter.blur (BackdropFilter) 不工作 |扑

Question

当我在 Containers child 中使用 Backdrop Filter 时，手机屏幕变黑。当我删除该编码时。它显示背景图像。怎么了？

我想模糊应用程序的背景图片。没有错误显示。但最终渲染是黑屏。没有任何图像

Stack(
        children: [
        //background image here with blur
        Container(
          decoration: const BoxDecoration(
            image: DecorationImage(
              image: AssetImage('assets/images/u2.jpg'),
              fit: BoxFit.cover,
            ),
          ),
          child: BackdropFilter(
            filter: ImageFilter.blur(
              sigmaX: 10,
              sigmaY: 10,
            ),
          ),
        ),
],),

Answer 1

尝试使用BackdropFilterchild

 BackdropFilter(
  filter: ImageFilter.blur(
    sigmaX: 10,
    sigmaY: 10,
  ),
  child: Image.asset(...),
),