Flutter系列(八)自定义主题并切换保存

本文是Flutter系列的第八篇,介绍了如何在Flutter中自定义主题,包括复制默认主题并修改所需颜色,如何在初始化时应用自定义主题,以及如何使用setState()动态切换主题。此外,还讲解了如何利用shared_preferences持久化保存主题,以便下次启动时恢复。
摘要由CSDN通过智能技术生成

您好,欢迎关注我,本文章是关于 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);
 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值