您好,欢迎关注我,本文章是关于 Flutter 的系列文,从简单的 Flutter 介绍开始,一步步带你了解进入 Flutter 的世界。你最好有一定的移动开发经验,如果没有也不要担心,在我的专栏底部给我留言,我会尽我的能力给你解答。
上一篇专栏,是教大家如何发布自己的Flutter库到公共库。本篇是我关于Flutter的第八篇文章,相信通过之前的学习,大家对Flutter开发需要掌握的小技巧都以及了解过了。从这篇专栏开始,我会更加偏向于介绍实际使用Flutter开发会遇到的问题以及解决方法,以及一些小技巧。
之前介绍过Flutter是一个完善的库,它自身提供了很多成熟的控件以及架构思路可以直接拿来用,本篇要介绍的主题也是如此。
现在越来越多的应用程序支持黑/白主题切换了,在Flutter中更是简单,Flutter库中提供了ThemeData.dark和Theme.light两个默认主题。在main.dart初始化MaterialApp的时候直接设置进去即可
MaterialApp(
title: 'Flutter Demo',
theme: ThemeData.light(),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
一.自定义主题
知道怎么设定主题了,我们再来看如何自定义主题。通过copyWith原始主题样式之后,修改一些需要自定义的颜色到主题里。
ThemeData _buildDarkTheme() {
const Color primaryColor = Color(0xFF0175c2);