Flutter以两种方式实现App主题切换

 

欢迎大家关注【跨平台开发那些事】公众号,定期推送跨平台开发技术实践。

概述

App主题切换已经成为了一种流行的用户体验,丰富了应用整体UI视觉效果。例如,白天夜间模式切换。实现该功能的思想其实不难,就是将涉及主题的资源文件进行全局替换更新。说到这里,我想你肯定能联想到一种设计模式:观察者模式。多种观察对象(主题资源)来观察当前主题更新的行为(被观察对象),进行主题的更新。今天和大家分享在 Flutter 平台上如何实现主题更换。

效果

 

实现流程

在 Flutter 项目中,MaterialApp组件为开发者提供了设置主题的api:

 const MaterialApp({
    ...
    this.theme, // 主题
    ...
  })

通过 theme 属性,我们可以设置在Ma

©️2020 CSDN 皮肤主题: 护眼 设计师:闪电赇 返回首页
实付 19.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值