Flutter中实现整个App变为灰色，程序员面试防坑宝典

只需要在最外层的控件上包裹ColorFiltered，用法如下：

ColorFiltered（颜色过滤器）

看名字就知道是增加颜色滤镜效果的，

ColorFiltered(

colorFilter:ColorFilter.mode(Colors.grey, BlendMode.color),

child: child,

);

将上面代码放到全局根widget下，即可设置全部页面颜色变灰

通过colorFilter可设置某种颜色过滤，比如变灰设置灰色即可，以及颜色混合模式

ColorFiltered 小部件继承SingleChildRenderObjectWidget，因此会提供一个child子布局，这里可以放置想要过滤颜色的页面；

最终我们就合成一张这样带滤镜效果

追踪源码

我我们持续追踪源码到 RenderImage 类中，可以看到最终也是创建了一个 ColorFilter 。

class ColorFiltered extends SingleChildRenderObjectWidget {

/// Creates a widget that applies a [ColorFilter] to its child.

///

/// The [colorFilter] must not be null.

const ColorFiltered({required this.colorFilter, Widget? child