《Flutter 小技巧》一行禁用App，一行置灰App，致敬

為表達全國各族人民對抗擊新冠肺炎疫情鬥爭犧牲烈士和逝世同胞的深切哀悼，國務院發佈公告，決定2020年4月4日舉行全國性哀悼活動。

在此期間，全國和駐外使領館下半旗誌哀，全國停止公共娛樂活動。4月4日10時起，全國人民默哀3分鐘，汽車、火車、艦船鳴笛，防空警報鳴響。

這一天，我們看到幾乎所有的網頁、App一夜之間都變成了灰色，所有的游戲、直播停服，哪有什麼歲月靜好，只不過是有人在為你負重前行。

作為一個程式開發者，我們可以用程式員獨有的方式表達對抗戰在一線工作者的致敬 -禁用App，致灰App。希望這個功能永遠不會有再開啟的一天。

禁用App

禁用App設置如下：

@override
Widget build(BuildContext context) {
  return IgnorePointer(
    ignoring: _ignoring,
    child: MaterialApp(
      title: 'Flutter Fly',
      theme: ThemeData(
          primaryColor: Colors.white,
          accentColor: Color(0xFF5DC782),
          backgroundColor: Color(0xFFF2F2F2)),
      routes: Routes.routes,
      initialRoute: Routes.home_page,
      debugShowCheckedModeBanner: false,
    ),
  );
}

只需在組件的最外層包裹IgnorePointer或者AbsorbPointer組件，_ignoring為變數，可以通過伺服器下發，為true時，表示禁用。

置灰App

設置如下：

@override
Widget build(BuildContext context) {
  return ColorFiltered(
    colorFilter: ColorFilter.mode(Colors.grey, BlendMode.color),
    child: MaterialApp(
      title: 'Flutter Fly',
      theme: ThemeData(
          primaryColor: Colors.white,
          accentColor: Color(0xFF5DC782),
          backgroundColor: Color(0xFFF2F2F2)),
      routes: Routes.routes,
      initialRoute: Routes.home_page,
      debugShowCheckedModeBanner: false,
    ),
  );
}

在組件最外層包裹ColorFiltered，使整個App變為灰色，包括圖片資源。

交流

Github地址：https://github.com/781238222/flutter-do

170+組件詳細用法：http://laomengit.com

如果你對Flutter還有疑問或者技術方面的疑惑，歡迎加入Flutter交流群（微信：laomengit）。

同時也歡迎關註我的Flutter公眾號【老孟程式員】，公眾號首發Flutter的相關內容。

Flutter生態建設離不開你我他，需要大家共同的努力，點贊也是其中的一種，如果文章幫助到了你，希望點個贊。