Flutter 夜间/日间模式切换

水贴一篇，闲话少活，也就几行代码。MaterialApp里面的theme属性带有

brightness：分暗黑dark 日间 light,

具体直接看代码:

import 'package:flutter/material.dart';main() => runApp(StudyFontTheme());//切换主题
class StudyFontTheme extends StatelessWidget {// This widget is the root of your application.@overrideWidget build(BuildContext context) {return DIYTheme();}
}class DIYTheme extends StatefulWidget {const DIYTheme({Key key}) : super(key: key);@override_DIYThemeState createState() => _DIYThemeState();
}class _DIYThemeState extends State<DIYTheme> {Brightness _brightness = Brightness.light;@overrideWidget build(BuildContext context) {return MaterialApp(title: "基础学习",theme: ThemeData(backgroundColor: Colors.red, brightness: _brightness),home: Scaffold(appBar: AppBar(centerTitle: true,title: Text(_brightness == Brightness.light ? "日间模式" : "夜间模式",style: TextStyle(color: Colors.white),),),body: Container(margin: EdgeInsets.all(20),child: Center(child: SwitchListTile(value: _brightness == Brightness.dark,title: Text("切换主题模式"),onChanged: (state) {setState(() {state? _brightness = Brightness.dark: _brightness = Brightness.light;});},),),),),);}
}

Flutter 夜间/日间模式切换相关推荐

AndroidSDK Support自带夜间、日间模式切换详解
AndroidSDK Support自带夜间.日间模式切换详解版权声明:转载必须注明本文转自严振杰的博客: http://blog.yanzhenjie.com 写这篇博客的目的就是教大家利用And ...
Android 换肤（全局换肤，部分换肤，字体替换，导航栏替换，自定义view换肤，夜间/日间模式）
采集大致流程监听所有activity的生命周期回调 //SkinActivityLifecycle application.registerActivityLifecycleCallbacks(n ...
Flutter 夜间模式及字体设置(2.2)
前言:这段时间都挺忙的,没来记得更新,我又要学又要更新,还要上班,每天也挺累的,希望大家看到这篇文章,觉得还行的话留下您的点赞吧~ 夜间模式设置字体设置夜间模式设置夜间模式的设置是通过主题当中的 ...
53.网站夜间日间特效
效果 (源码网盘地址在最后) 视频演示「前端编程实战 53」HTML+CSS3 实现白间夜间模式视频地址一:https://www.ixigua.com/i6841112747518722568/ ...
xamarin开发_移动开发堆栈：本机vs Xamarin vs Xamarin形式
xamarin开发平台支援 (Platform Support) If you're building a new smartphone or tablet app, the question yo ...
Flutter Ink,InkWell,InkResponse水波纹实现(2.3)
此篇给大家介绍的是水波纹实现的方法,说起水波纹,如果要在android实现是有点困难的,可是在flutter中只需要用到Ink组件即可完美的实现,接下来就是对Ink组建的简单介绍啦~ InkWell和 ...
Android Studio打造一个小说阅读App
应用目录一.基本信息二.功能介绍 1. 主界面 2. 排行榜界面 3. 分类界面 4. 搜索界面 5. 书籍详情界面 6. 阅读界面 7. 相关书籍界面三.类图/时序图/架构图四.采用技术及原 ...
基于Android studio的阅读APP设计与实现
资源下载地址:https://download.csdn.net/download/sheziqiong/85604746 阅读 APP 一.应用基本信息应用名:FTEReader 应用 Logo: ...
芒果TV For Windows10 成长历史迭代历史新闻报道
芒果TV 是国内领先的基于Windows10操作系统并支持Windows10全系列设备的视频应用和内容服务商. Win10商店版<芒果TV>是湖南快乐阳光互动娱乐传媒有限公司专门为Wind ...

Flutter 夜间/日间模式切换

Flutter 夜间/日间模式切换相关推荐

最新文章

热门文章