【Flutter小技巧】一行代码 全灰致敬
今天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
。当时是在画布中绘制,需要画个白布,没想到阴差阳错把整个页面搞成全灰了。
转载自:https://juejin.cn/post/6844904114447450119