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

相当于CSS背景过滤器的颤振：模糊（20px）饱和度（180％）

1 个答案: