时间戳

首页 > 解决方案 > 颤振等效关闭CSS背景过滤器：模糊（20px）饱和度（180％）

css - 颤振等效关闭CSS背景过滤器：模糊（20px）饱和度（180％）

问题描述

为了在 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 中做到这一点？

标签： cssflutterflutter-layout

解决方案

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

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

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

推荐阅读