【Flutter小技巧】一行代码 全灰致敬

14,389 阅读1分钟

今天2020-04-04,全国默哀,汽笛鸣醒。致敬逝者,追思故人。很多app、网站都变成的灰色 ,如掘金。本文看一下Flutter的全局灰是如何实现的。由于Flutter中的展示层都是Widget,使用一行代码,足以。


一、Flutter Unit与你相约春季

Flutter Unit是张风捷特烈倾心打造的关于学习Flutter的app,
预计四月份可以完成,到时自会开源(目前暂未开源)。

-- --

二、app全灰处理

-- --

三、下面介绍本文的主角: 调色王: ColorFiltered

-- --

在最外层套上即可。

  runApp(
    ColorFiltered(
        colorFilter: ColorFilter.mode(Colors.white, BlendMode.color),
        child: FlutterApp())));

关于这个发现,是一个十分意外的巧合。可谓无心插柳柳成荫。一开始本以为是bug,原来是feature。当时是在画布中绘制,需要画个白布,没想到阴差阳错把整个页面搞成全灰了。