本头条核心宗旨
欢迎来到「技术刚刚好」作者,「技术刚刚好」是个人维护,每天至少更新一篇Flutter技术文章,实时为大家播报Flutter最新消息。如果你刚好也在关注Flutter这门技术,那就跟我一起学习进步吧,你的赞,收藏,转发是对我个人最大的支持,维护不易,欢迎关注。
技术刚刚好经历
近几年,移动端跨平台开发技术层出不穷,从Facebook家的ReactNative,到阿里家WEEX,前端技术在移动端跨平台开发中大展身手,技术刚刚好作为一名Android开发,经历了从Reactjs到Vuejs的不断学习。而在2018年,我们的主角变成了Flutter,这是Goolge开源的一个移动端跨平台解决方案,可以快速开发精美的移动App。希望跟大家一起学习,一起进步!
本文核心要点
Theme Widget可以为Material APP 定义主题数据(ThemeData),Material组件库里很多Widget都使用了主题数据,如导航栏颜色、标题字体、Icon样式等。Theme内会使用InheritedWidget来为其子树Widget共享样式数据。
DEMO
main.dart文件解说
import 'package:flutter/material.dart';void main() { runApp(MaterialApp( debugShowCheckedModeBanner: false, home: MyHome(), // Set the theme's primary color, accent color, //这段代码是关键 theme: ThemeData( primarySwatch: Colors.green,//设置颜色 accentColor: Colors.lightGreenAccent,// // Set background color backgroundColor: Colors.black12, ), ));}class MyHome extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( // AppBar appBar: AppBar( // AppBar Title title: Text("Using Theme"), ), body: Container( // Another way to set the background color decoration: BoxDecoration(color: Colors.black87), child: Center( child: Container( // use the theme accent color as background color for this widget color: Theme.of(context).accentColor, child: Text( 'Hello World!', // Set text style as per theme style: Theme.of(context).textTheme.title, ), ), ), ), floatingActionButton: Theme( // override the accent color of theme for this widget only data: Theme.of(context).copyWith( colorScheme: Theme.of(context).colorScheme.copyWith(secondary: Colors.pinkAccent), ), child: FloatingActionButton( onPressed: null, child: Icon(Icons.add), ), ), ); }}
primarySwatch
flutter的主题(build下面的theme)中有个主题颜色(primarySwatch):
目前的主题颜色(primarySwatch)只有下面几个值可以选择,其他的暂不支持:
red,
pink,
purple,
deepPurple,
indigo,
blue,
lightBlue,
cyan,
teal,
green,
lightGreen,
lime,
yellow,
amber,
orange,
deepOrange,
brown,
blueGrey,
如果我要把主题色改成白色,或者黑色的话,用上面的就会报错啦,因为在primarySwatch中的颜色是调用 MaterialColor这种颜色类,内部会有一个主色,一个map存储固定的几种主色周边的颜色。
primaryColor:如果要把顶部导航栏和状态栏的颜色修改成黑色或者白色,需要用到这个属性:
谢谢观看技术刚刚好的文章,技术刚刚好是个人维护,每天至少更新一篇Flutter技术文章,实时为大家播报Flutter最新消息。如果你刚好也在关注Flutter这门技术,那就跟我一起学习进步吧,你的赞,收藏,转发是对我个人最大的支持,维护不易,欢迎关注。
推荐阅读:月亮惹得祸
-
凯特王妃穿三万礼服裙,与威廉王子同坐“三蹦子
近日,威廉王子携凯特王妃现身巴基斯坦伊斯兰堡,参加英国高级专员托马斯·德鲁为他们举办的招待会,这次王室夫妇都选择了一身墨绿色的晚礼服,其中凯特王妃的墨绿色亮片礼...
2019-10-17 -
《竹马钢琴师》今日开播 文苡帆暖心演绎钢琴王
Yes娱乐10月17日综合报导今日,由方逸伦、文苡帆、金雯昕等主演的青春校园励志剧《竹马钢琴师》将于中午十二点在优酷视频和芒果TV全网首播。该剧讲述了相识于少年...
2019-10-17 -
毛晓彤遭泰国男星Mike追求,虽有好感却不敢
说到毛晓彤,大概大家想到的都是她之前和陈翔分手的事情,还有被自己的亲生父亲追债的事情,其实关于这两件备受争议的事情,毛晓彤的处理一向都是非常低调的,她并没有公开...
2019-10-17 -
爱奇艺今年Q4以及明年备播大剧,好剧接连不断
日前,爱奇艺举行电视剧招商,公布了爱奇艺备播片单,多部国产热剧一网打尽!提前了解一下(79部,其中独播11部):必买大剧系列1.娄艺潇、李佳航、孙艺洲《爱情公寓...
2019-10-17 -
杜飞颜值衣品均甩何书桓几条街!是如萍瞎了还是
《情深深雨濛濛》真是一部神剧啊!算起来琼瑶阿姨的剧都称得上是神剧,神在三观:)无论是《还珠格格》中五阿哥和知画生孩子,还是《新月格格》中养女和养父在一起,还获得...
2019-10-17 -
《初恋那件小事》终于官宣,谁注意赵今麦造型?
相信对于甜宠剧,大家都是十分喜欢的。而近来也出现过不少新的甜宠剧,就像是《不负时光》《世界欠我一个初恋》等,都得到了大家的一致好评。不过,近来大家倒是对另外一部...
2019-10-17 -
今日爆料:热巴恋爱了?杨幂造型翻车?
1迪丽热巴恋爱了?今日,迪丽热巴的某综艺短片下篇上线,她在节目中穿上了婚纱,拍了一个人的婚纱照,并表示希望遇见爱情。对此,不少瓜众都质疑她是不是已经谈恋爱了,在...
2019-10-17 -
2019热剧播放量排行榜TOP 10!第一名
2019暑期黄金档最火的当然就是李现和杨紫《亲爱的,热爱的》,还有肖战和王一博《陈情令》、张震和倪妮《宸汐缘》。日前大陆一份最新数据整理出暑期上文件的电视剧的累...
2019-10-17