相当于CSS背景过滤器的颤振:模糊(20px)饱和度(180%)

时间:2019-03-15 20:21:27

标签: css flutter flutter-layout

要在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中做到这一点?

1 个答案:

答案 0 :(得分:1)

不幸的是,据我所知,Flutter目前无法实现您的目标。无法通过ui库访问着色器的配置,因此您受制于它们提供的功能,仅限于模糊效果。

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

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