【Flutter小技巧】一行程式碼 全灰致敬

張風捷特烈發表於2020-04-04

今天2020-04-04,全國默哀,汽笛鳴醒。致敬逝者,追思故人。很多app、網站都變成的灰色 ,如掘金。本文看一下Flutter的全域性灰是如何實現的。由於Flutter中的展示層都是Widget,使用一行程式碼,足以。

【Flutter小技巧】一行程式碼 全灰致敬


一、Flutter Unit與你相約春季

Flutter Unit是張風捷特烈傾心打造的關於學習Flutter的app,
預計四月份可以完成,到時自會開源(目前暫未開源)。

-- --
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬

二、app全灰處理

-- --
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬

三、下面介紹本文的主角: 調色王: ColorFiltered

-- --
【Flutter小技巧】一行程式碼 全灰致敬
【Flutter小技巧】一行程式碼 全灰致敬

在最外層套上即可。

  runApp(
    ColorFiltered(
        colorFilter: ColorFilter.mode(Colors.white, BlendMode.color),
        child: FlutterApp())));
複製程式碼

關於這個發現,是一個十分意外的巧合。可謂無心插柳柳成蔭。一開始本以為是bug,原來是feature。當時是在畫布中繪製,需要畫個白布,沒想到陰差陽錯把整個頁面搞成全灰了。

相關文章