flutter分平台主题定制

有时候，为了满足不同平台的用户需求，我们希望针对特定的平台设置不同的样式。比如，在 iOS 平台上设置浅色主题，在 Android 平台上设置深色主题。面对这样的需求，我们可以根据 defaultTargetPlatform 来判断当前应用所运行的平台，从而根据系统类型来设置对应的主题。

在下面的例子中，我们为 iOS 与 Android 分别创建了两个主题。在 MaterialApp 的初始化方法中，我们根据平台类型，设置了不同的主题：

// iOS 浅色主题
final ThemeData kIOSTheme = ThemeData(brightness: Brightness.light,// 亮色主题accentColor: Colors.white,//(按钮)Widget 前景色为白色primaryColor: Colors.blue,// 主题色为蓝色iconTheme:IconThemeData(color: Colors.grey),//icon 主题为灰色textTheme: TextTheme(body1: TextStyle(color: Colors.black))// 文本主题为黑色
);
// Android 深色主题
final ThemeData kAndroidTheme = ThemeData(brightness: Brightness.dark,// 深色主题accentColor: Colors.black,//(按钮)Widget 前景色为黑色primaryColor: Colors.cyan,// 主题色 Wie 青色iconTheme:IconThemeData(color: Colors.blue),//icon 主题色为蓝色textTheme: TextTheme(body1: TextStyle(color: Colors.red))// 文本主题色为红色
);
// 应用初始化
MaterialApp(title: 'Flutter Demo',theme: defaultTargetPlatform == TargetPlatform.iOS ? kIOSTheme : kAndroidTheme,// 根据平台选择不同主题home: MyHomePage(title: 'Flutter Demo Home Page'),
);

flutter分平台主题定制相关推荐

Portal如何对主题定制开发
1. 概述随着互联网行业的迅速发展,在实际开发中也越来越趋于敏捷化快速化,对于前台与后台的开发各式各样的框架体系应运而生,方便开发的同时也大大的缩短了开发周期,而Portal作为门户平台实现了以组件 ...
Meetup 回顾 | 多场景下的 H5 混合开发与 Flutter 多平台应用开发
9 月 7 日,RTC 开发者社区与北京 GDG 联合主办的「前端技术专场」在北京中关村圆满结束啦.周末北京的天气再热,也比不上社区小伙伴们的学习心气更热,现场 100 多位开发者在 3 位演讲人的分 ...
车载导航应用中基于Sketch UI主题定制方案的实现
点击上方蓝字,关注高德技术! 1. 导读关于应用的主题定制,相信大家或多或少都有接触,基本上,实现思路可以分为两类: 内置主题(应用内自定义style) 外部加载方式(资源apk形式.压缩资源.插件 ...
python在线投票系统统计票数_分层分平台，让每个学生享受教育公平 ——冯敬益老师的Python编程教学探索...
在2月24日学校线上教学之前,冯敬益老师已早早告别了假期模式,投入到网络课程的建设之中. 为了让自己的课堂教学更有针对性,冯老师就任教的班级就同学们的学习条件展开调查.经统计,18-4H总人数28人, ...
ASP.NET MVC入门---实例演示：通过ContentResult实现主题定制
实例演示:通过ContentResult实现主题定制由于可以通过ContentResult的ContentType属性指定媒体类型,所以我们不仅仅可以利用它来返回最终会在浏览器中显示的文本,还可以返 ...
Essential Studio for Windows Forms发布2017 v2，持office 2016和主题定制
2019独角兽企业重金招聘Python工程师标准>>> Essential Studio for Windows Forms是一个帮您创建高性能的Windows应用程序的Window ...
element ui需要引入样式吗_彻底学会element-ui按需引入和纯净主题定制
原标题:彻底学会element-ui按需引入和纯净主题定制作者:wuwhs 来源:SegmentFault 思否社区前言手上有些项目用的element-ui,刚好有空琢磨一下怎么减小打包文件大小 ...
首届FineReport平台主题设计大赛火热启动
大赛流程: 1.下载安装FineReport-8.0平台试用版. 2.根据FineReport平台主题包设计使用指南设计好主题包. 3.3月15日之前将作品发布到[FR-平台主题]版块,并附上主题 ...
ExtJs皮肤主题定制 sencha Themer
ExtJs皮肤主题定制 sencha Themer 1 介绍在Ext JS中创建自定义主题一直是一项挑战.但是使用Sencha Themer可以大大提高你的开发效率. 2 准备工作确保您拥有Sen ...

flutter分平台主题定制

flutter分平台主题定制相关推荐

最新文章

热门文章