flutter - 一键切换黑暗模式
如果某个具体的Widget不希望直接使用全局的Theme,而希望自己来定义,只需要在Widget的父节点包裹一下Theme即可.
在新的页面的Scaffold外,包裹了一个Theme,并且设置data为一个新的ThemeData.
class HYSecondPage extends StatelessWidget {@overrideWidget build(BuildContext context) {return Theme(data: ThemeData(),child: Scaffold(),);}
}
完整代码:
class _MyHomePageState extends State<MyHomePage> {int _counter = 0;void _incrementCounter() {setState(() {_counter++;});}var themechange = ThemeData.light();@overrideWidget build(BuildContext context) {return Theme(data:themechange,child: Scaffold(appBar: AppBar(title: Text(widget.title),),body: Center(child: Column(mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[FlatButton(child: Text("theme", style: TextStyle(color: Colors.black)),onPressed: () {(themechange == ThemeData.dark())?(themechange = ThemeData.light()):(themechange = ThemeData.dark());setState(() {});},
), Text('You have pushed the button this many times:',),Text('$_counter',style: Theme.of(context).textTheme.headline4,),],),),floatingActionButton: FloatingActionButton(onPressed: _incrementCounter,tooltip: 'Increment',child: Icon(Icons.add),), ),);}
}
http://www.taodudu.cc/news/show-3701394.html
相关文章:
- Flutter Boost 混合开发框架初探
- 分布式数据库中间件 MyCat 搞起来
- 第五篇- 抖音的强大对手来了,用Flutter手撸一个抖音国际版,看看有多炫
- Flutter --- Dart简介
- Flutter 动态化 | Flutter + Dart 三端一体化动态化平台实践
- Flutter 常见异常分析
- 新浪微博 爬虫字段、链接总结,用户数据,用户ID
- python-基于selenium库爬取微博关键词搜索内容
- python爬取微博用户关注列表_GitHub - dataabc/weibo-follow: 爬取关注列表中微博账号的微博...
- JavaScript仿新浪微博搜索框功能
- 爬一个人的所有微博 python_Python爬虫--爬取微博指定用户主页下的所有图片
- 如何利用微博搜索进行引流?
- 新浪微博搜索接口
- 关键词搜索新浪微博用户的爬虫设计
- 爬虫爬取微博用户粉丝及其关注
- C语言微博用户管理系统
- html新浪搜索框,JS+CSS实现仿新浪微博搜索框的方法
- 微博高级搜索参数
- python爬取微博用户关注_Paython微博根据用户名搜索爬取该用户userId
- 新浪微博搜索页用户信息爬取
- python微博根据用户名搜索爬取该用户userId
- 【数据结构】———模式匹配(C语言)
- 串的模式匹配算法
- 《数据结构》—— 串的模式匹配算法
- 简单模式匹配算法和KMP算法
- KMP模式匹配算法详解
- 朴素模式匹配与KMP模式匹配算法
- C语言-模式匹配(KMP算法)
- 数据结构 - 串的模式匹配
- 数据结构 串 KMP 模式匹配详解 通俗易懂
flutter - 一键切换黑暗模式相关推荐
- 前端一键切换深色模式
切换主题色传统方式是切换css包获取用less,sass定义变量控制主题色,复杂而且不易维护: 推荐一个插件 Darkmode.Js,一键切换深色模式 使用方法 引入Darkmode.Js,有两种方式 ...
- 任天堂Switch游戏机底座方案,支持按键一键切换TV模式
任天堂Switch游戏机底座方案,支持所以普通5V适配器充电投屏,支持按键切换TV模式,不烧机,对显示器兼容性强! 任天堂Switch游戏机底座方案架构图 支持按键一键切换TV模式 PCBA展示(带风 ...
- One Switch 一键切换夜间模式、隐藏桌面
One Switch是国人开发的一款Mac端多合一的开关合集工具,一键就可以操作/切换系统的各项功能.开启One Switch之后,它会常驻顶部菜单栏,可以快速切换不同的设置,打开/关闭多种功能.一键 ...
- flutter iOS 屏蔽黑暗模式
前言 因为项目没有考虑到适配黑暗模式的场景,所以为了避免出现各种各样奇葩的问题,我们是建议把黑暗模式关闭,这样加能解决许多的bug. 一.flutter层面设置 @overrideWidget bui ...
- android 一键切换夜间模式,实用小工具“月食”:一键切换夜间模式
很多朋友都习惯在夜晚被窝里玩手机,这对眼睛非常不好.这时候,开启夜间模式,可以更好地舒缓眼睛疲劳.然而并不是所有App都支持夜间模式,怎么办?所幸安卓还是比较开放的,一些App可以令系统开启全局夜间模 ...
- ev3 中一键切换控制模式
机器人简介 孩子的思路 更合理的思路 带孩子做 ev3 机器人控制时碰到一个问题: 当机器人比较复杂, 当一个 ev3 的 5 个可编程按钮不足以控制机器人的运动时该怎么办? 机器人简介 孩子搭建的机 ...
- android10全局黑暗,传Android 11或加入自动切换全局黑暗模式功能
日前有外媒援引消息人士爆料称,谷歌曾在Android 10系统中带来了全局黑暗模式功能,但自动切换黑暗模式的功能却在Android 10系统的早期测试阶段意外遭砍!而据最新消息显示,Android 1 ...
- One Switch 1.1 破解版 Mac 集合一键切换系统各项功能的神奇菜单软件
One Switch 是火球工作室推出的最新 Mac 效率软件,它在 Menubar 菜单里集成了隐藏桌面(图标).切换 Dark Mode.保持亮屏.开启屏保的一键切换按钮,将以往这些以独立小软件为 ...
- Darkmode.js实现黑暗模式
运用CSS 3.0的过滤属性可以实现黑暗模式,当我们用这个属性实现黑暗模式时,我们会发现图片的颜色会受影响,并不是很美观,是无法完美切换黑暗模式的,而最近出了一个JavaScript辅助插件叫Dark ...
最新文章
- [Windows编程] 如何捕捉程序异常/crash 并生成 dump 文件
- ASP.NET Core 实现带认证功能的Web代理服务器
- 8086汇编-实验9-字符打印
- Leetcode--42.接雨水
- 信息学奥赛一本通 1061:求整数的和与均值 | OpenJudge NOI 1.5 04
- hdu 5148 cities 树形DP
- 如何连接到远程SQL Server
- Win7 下安装流程图绘制软件 Dia
- CSS实例——远视图
- 中国邮政国际航空挂号信是可以网上查询跟踪的
- CSS实现纯右上角倾斜四十五度封页角以及小浮标效果
- 2019年保研夏令营时间经验汇总
- com.homelink.android,链家-新房二手房租房
- IF NOT EXISTS和 IF EXISTS的区别
- 树莓派手动固定无线网络的IP地址
- 【3D视觉创新应用竞赛作品系列​】基于嵌入式的室内静态场景实时重建系统
- 视频教程免费分享:嵌入式stm32项目开发之心率检测仪的设计与实现
- 离散数学图论经典问题之握手定理
- java与nodejs区别_nodejs和java之间有什么区别?
- 解读CNAS更换徽标和认可标识