抖动等效的CSS背景滤镜：模糊（20px）饱和度（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