Flutter 實現整個App變為灰色

在Flutter中實現整個App變為灰色是非常簡單的，只需要在最外層的控件上包裹ColorFiltered，用法如下：

@override
Widget build(BuildContext context) {
  return ColorFiltered(
      colorFilter: ColorFilter.mode(Colors.grey, BlendMode.color),
      child: Scaffold(
        appBar: _appBar,
        body: IndexedStack(
          index: _currIndex,
          children: <Widget>[HomeItemPage(), WidgetPage(), MyPage()],
        ),
        backgroundColor: Theme.of(context).backgroundColor,
        bottomNavigationBar: _buildBottomNavigationBar(context),
      ));
}

前后效果對比如下：

交流

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

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

Flutter地址：http://laomengit.com 里面包含160多個組件的詳細用法。