Flutter 实现整个App变为灰色的方法示例

2024-10-02 06:52:08

在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变为灰色内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

全国哀悼日网站页面变成灰色的filter方法

为方便站点哀悼,特提供css滤镜代码,以表哀悼.以下为全站CSS代码. 直接在*.css文件最前面加入 body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 均可其他HTML页面 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 如果是纯HTM页面的可以
pycharm new project变成灰色的解决方法

在ubuntu下面发生的原因是:开了多个pycharm,关掉那个new project选项是灰色的,剩下的那个pycharm的new project应该就能用. 以上这篇pycharm new project变成灰色的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
解决pycharm py文件运行后停止按钮变成了灰色的问题

这两天被这个问题折磨得要死,把pycharm卸载了还是没解决,后来终于在一篇博客中看见,然后终于解决了问题界面如下: 1. 每次运行后都会跳出一个 python console,并且前面还会显示一大堆奇怪信息:import sys; print('Python %s on %s' % (sys.version, sys.platform)) sys.path.extend 2. 右上角的停止按钮变成灰色了(应该是红色) 解决办法:在右上角的下拉三角头,打开 edit configuration
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:
Flutter将整个App变为灰色的简单实现方法

目录前言 Flutter中实现整个App变为灰色 ColorFiltered(颜色过滤器) 追踪源码总结前言为了让更多的人永远记住12月13日,各大厂都在这一天将应用变灰了. 那么接下来我们看一下Flutter是如何实现的. Flutter中实现整个App变为灰色在Flutter中实现整个App变为灰色是非常简单的, 只需要在最外层的控件上包裹ColorFiltered,用法如下: ColorFiltered(颜色过滤器) 看名字就知道是增加颜色滤镜效果的, ColorFiltered
iOS整个APP实现灰色主题的示例代码

灰色主题背景在一些哀悼日,清明节的时候app会实现一些灰色主题功能,部分app需求是tab首页实现灰色模式就可以,但一些需求是直接整个app都变为灰色模. 普通UI界面 web页面 xib界面 attributeText加载的htmlString页面 attachment挂件页面实现方式基本的实现方式1,普通页面用hook颜色方式2.web页面用注入灰色js实现方式图片变灰重新绘制图片变为灰色代码实现 //image类别 - (UIImage *)getGrayImage { con
Flutter开发技巧ListView去除水波纹方法示例

正文 ScrollConfiguration( behavior: NoScrollBehaviorWidget(), child: ListView( ...... ...... ), ), 调用ScrollConfiguration官方类,实现behavior NoScrollBehaviorWidget用于去除水波纹的自定义Widget import 'package:flutter/material.dart'; /// 去除listview水印 /// ScrollConfigurat
flutter 怎么实现app整体灰色效果

Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动.Web.桌面和嵌入式平台.Flutter 开源.免费,拥有宽松的开源协议,适合商业项目. 举国哀悼, 进入各种大厂的app也可以看到主色都变成灰色的了作为程序员我们肯定会想怎么可以实现的, 我简单研究了10分钟, flutter中只要在整体外面套一个ShaderMask, 然后修改blendMode即可核心代码: class MyApp extends StatelessWidg
JS实现点击复选框将按钮或文本框变为灰色不可用的方法

本文实例讲述了JS实现点击复选框将按钮或文本框变为灰色不可用的方法.分享给大家供大家参考.具体如下: 在注册时候经常会看不到,如果不点击阅读注册许可的话,提交按钮是灰色的,失效不能提交,必须点它一下,这个JS代码就是实现这样一个功能,只有你点击了确认提交,下边的按钮才生效. 运行效果如下图所示: 具体代码如下: <html> <head> <title>点击复选框按钮变为不可用</title> </head> <script> var
Flutter下Android Studio配置gradle的方法

一.失败的经历:手动配置gradle 下载gradle包http://gradle.org/gradle-download/ Mac Finder->Applications/应用程序->Android Studio右键显示包内容.继续打开Contents文件夹,正常情况下会有一个gradle文件夹,将下载解压之后的文件复制到这个文件夹下.如果Contents文件夹下没有gradle文件夹,创建gradle文件夹,继续后面的操作配置gradle环境路径打开终端,打开系统环境配置文件vim
flutter的环境安装配置问题及解决方法

Flutter简介 Flutter是Google推出的基于Dart语言开发的跨平台开源UI框架,旨在统一纷纷扰扰的跨平台开发框架,在UI层面上多端共用一套Dart代码来实现多平台适配开发.目前应用比较广泛的还是移动端iOS和安卓,虽然传言Fuchsia会是亲儿子项目,那也不是当下考虑的. 下面重点给大家介绍下flutter的环境安装配置问题及解决方法. (1)安装android SDK时,会出现Android license 的问题,将JAVA JDK降级到SE8就可以了,很多版本没对应上,JA
flutter监听app进入前后台状态的实现

目录 1. 监听app进入前后台状态示例代码: 2.其它状态监听在开发app的过程中,我们经常需要根据app的前后台的状态,做一些事情,那么我们在flutter中是如何实现这一监听的? flutter给我们提供了WidgetsBindingObserver来进行一些状态的判断,但是判断前后台的状态只是该API种其中一种功能,对于WidgetsBindingObserver需要注意两点最好是先进入而且不会销毁的页面, 这可以判断整个程序的前后台状态(例如:main.dart类中) Widge
C#中Winform窗体Form的关闭按钮变灰色的方法

本文实例讲述了C#中Winform窗体Form的关闭按钮变灰色的方法,对C#程序设计有一定的借鉴价值,分享给大家供大家参考之用.具体方法如下: 主要功能代码如下: [ DllImport ( "USER32.DLL" ) ] public static extern int GetSystemMenu(int hwnd, int bRevert); [ DllImport ( "USER32.DLL" ) ] public static extern int Rem

Flutter 实现整个App变为灰色的方法示例

相关推荐

随机推荐