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

 

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

概述

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

效果

 

实现流程

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