Flutter个人开发项目架构-3

作者: karl_wei | 来源:发表于2021-01-22 18:39 被阅读0次

这是2021的第一篇文章，首先祝各位小伙伴心想事成呀！2021我也立了很多的Flag，其中专研技术，总结、分享文章是其中跟重要的Flag。希望牛年能牛气冲天，冲冲冲！！！

GitHub：https://github.com/WxqKb/flutter_framework.git

背景

在2020年7月，我曾编写过一个简单的项目架构，当时是为了温习许久未编写的Flutter，顺便供Flutter初学者学习交流。具体可见：1-https://www.jianshu.com/p/6f5be052a9a2；2-https://www.jianshu.com/p/a01dc4db1389

后续便从事Flutter的开发，在这接近半年的时间内，对Flutter架构的搭建也有了更好的理解，同时学习到很多封装、抽象思想。回头再看这个项目时，真心觉得看不下去......因此决定重构这个项目架构，使其可用在真正的企业级开发上。

概览

笔者此次改版，主要注重以下几点：优化完善路由管理、优化网络请求封装、丰富工具类、加入国际化多语言、深色主题配置、完善demo开发。每一部分我会记录改版后的优势以及使用方法，Let's go！

路由管理

路由管理笔者采用了fluro库进行管理，实现思想跟我上个版本的封装基本是一样的；只不过大神的写法真的太过于优雅可读。编写步骤如下：

1. 声明全局FluroRouter对象和全局context对象，其中全局context对象的作用是脱离页面做一些与context强关联的操作；

全局对象声明

2. fluro以动态传参的方法构造静态的命名路由，每个页面构建router名称和一个hander操作，一一对应；当业务层跳转到某个router名称时，会触发对应的hander方法，并返回对应视图；

构造命名路由&路由守卫

3.重写全局路由守卫，并且注册在MaterialApp的onGenerateRoute属性；至此完成routes的注册和404页面的处理；

注册路由配置

4. 然后封装统一的路由跳转方法，达到黑白名单检验的需求。

主题配置

主题配置非常简单，MaterialApp上有两个参数，theme和darkTheme。我们需要做的，就是定义多套主题，然后替换掉对应的属性即可。

设置属性

配置主题

主题是一个ThemeData对象，传递对应样式到构造函数中即可；页面使用时，直接通过Theme.of(context).xxx即可调用。

使用方法

MaterialApp会自动根据你系统的主题模式自动切换主题，如深夜模式就自动启用darkTheme；但如果想完全自定义主题，不受系统主题模式影响，笔者会选择使用缓存变量存储主题的配置，然后在MaterialApp启动之前读取并且设置到ligth中，非常方便快捷。

国际化

国际化多语言可以借助intl插件生成配置文件，步骤甚是简单。参考链接：https://book.flutterchina.club/chapter13/intl.html。

这里我主要讲解下原理，MaterialApp中有localizationsDelegates属性，传入我们写的多语言代理AppLocalizationsDelegate，AppLocalizationsDelegate中会自动为我们识别当前手机的语言，并且加载对应的arb资源，至此完成了MaterialApp语言的设置。之后页面只需要使用AppLocalizations.of(context).xxx即可使用。

需要新增语言也很简单

1. 在MaterialApp的属性supportedLocales中加入对应语言代号;