css - flutter 相当于关闭 CSS 背景过滤器 : blur(20px) saturation(180%)

Question

为了在 CSS 中添加“磨砂玻璃”效果，您只需使用 backdrop-filter: blur(20px) saturation(180%)。在 Flutter 中创建背景过滤器很简单，看起来应该与此类似:

      return ClipRect(
        child: BackdropFilter(
          filter: ImageFilter.blur(sigmaX: 20, sigmaY: 20),
          child: Container(
            decoration: BoxDecoration(color: Colors.white.withOpacity(0.6)),
          ),
        ),
      );

然而，为了获得更鲜艳的色彩，我确实需要为滤镜添加更多饱和度。我应该如何在 Flutter 中执行此操作？

Answer 1

不幸的是，据我所知，您想要做的事情目前在 Flutter 中是不可能的。着色器的配置无法通过 ui 库访问，因此您只能使用它们提供的仅限于模糊效果的内容。

我建议在 Flutter github page 上打开一个问题并要求他们添加饱和着色器或可配置着色器。

还有这个:https://github.com/flutter/flutter/issues/12541