在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多个组件的详细用法。