欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Flutter 实现整个App变为灰色

程序员文章站 2022-07-01 15:22:45
在Flutter中实现整个App变为灰色是非常简单的,只需要在最外层的控件上包裹ColorFiltered,用法如下: 前后效果对比如下: | | | | | | | | | 交流 如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。 同时也欢 ......

在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 实现整个App变为灰色 Flutter 实现整个App变为灰色

交流

如果你对flutter还有疑问或者技术方面的疑惑,欢迎加入flutter交流群(微信:laomengit)。

同时也欢迎关注我的flutter公众号【老孟程序员】,公众号首发flutter的相关内容。

flutter地址: 里面包含160多个组件的详细用法。