要在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中做到这一点?
答案 0 :(得分:1)
不幸的是,据我所知,Flutter目前无法实现您的目标。无法通过ui库访问着色器的配置,因此您受制于它们提供的功能,仅限于模糊效果。
我建议在Flutter github page上打开一个问题,并要求他们添加用于饱和的着色器或可配置的着色器。