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

Flutter 实现整个App变为灰色相关推荐

Flutter中实现整个App变为灰色
前言为了让更多的人永远记住12月13日,各大厂都在这一天将应用变灰了. 那么接下来我们看一下Flutter是如何实现的. Flutter中实现整个App变为灰色在Flutter中实现整个App变为 ...
web端网页变为灰色
要使网页变为灰色,很简单,只需在最外层的html页面中的html标签内加上如下样式即可: style="filter: progid:DXImageTransform.Microsoft.B ...
flutter scrollview_简单易上手的Flutter学习指南App,2020一起来玩转Flutter吧~
Flutter是谷歌的移动UI框架,可以快速在iOS.Android.Web和PC上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作.在全世界,Flutter正在被越来越多的开发者和 ...
flutter打包的app有多大_Flutter原生混合开发
使用 Flutter 从头开始写一个 App是一件轻松惬意的事情.但是对于成熟产品来说,完全摒弃原有 App 的历史沉淀,全面转向 Flutter 并不现实.用 Flutter 去统一 iOS/And ...
flutter打包的app有多大_前端大势所趋---Flutter 这篇文章会让你行动起来
Flutter和原生APP的性能对比前言自从今年google IO大会推出flutter跨平台开发框架以来,flutter在各个技术论坛里被吵得如日中天.flutter团队直言flutter可以帮 ...
java 彩色图片变为灰色，即图片灰度化
今天遇到一个需求,将给定的图片变为灰色的或者黑白的,网上找了一下,基本上都是用jdk的方法自动转换的,所及自己就动手实现了一下,效果和jdk方法差不多,测试了一下,速度也挺快的,现在记录一下,方便以后 ...
Flutter淘宝App之首页聚划算倒计时的实现
Talk is cheap. Show me the code. Flutter 淘宝App中为了实现聚划算的倒计时,我是这么做的,如下所示. 我就不废话了,这个实现起来不复杂,直接看代码吧完整代码 ...
Ubuntu有线网络无法连接—有线网络连接图标变为灰色，无法点击
问题背景: 今天在登陆自己的虚拟机CentOs系统的时候突然出现有线连接无法连接的问题,有线连接的图标变为灰色,无法点击.我的虚拟机有线网络连接方式是NAT方式. 解决方法: 导致这个问题的原因是你的 ...
Flutter 淘宝 App，支持 iOS、Android
GZXTaoBaoAppFlutter 项目地址:GanZhiXiong/GZXTaoBaoAppFlutter 简介:Flutter 淘宝 App,支持 iOS.Android 更多:作者提 ...
单击按钮弹出一个页面，并使背景颜色变为灰色
当你单击新增按钮时,不需要切换页面,而是在页面上弹出一个新增页面,并使背景颜色变为灰色,效果如下: html: <div class="Popup-MaskData"> ...

Flutter 实现整个App变为灰色

交流

Flutter 实现整个App变为灰色相关推荐

最新文章

热门文章