产品级Flutter开源项目FunAndroid，Provider MVVM的最佳实践(1)

|

项目地址

github.com/phoenixsky/…

下载地址

蒲公英下载页

代码编译

• Flutter SDK (Channel dev, v1.10.4)

• 如果要查看运行效果,一定要使用Release模式,流畅程度差距非常大

Flutter的Debug和Release的编译模式不同,下分别是 JIT 和 AOT.Debug模式支持hot reload.

• iOS运行在splash页面卡住,需要检查当前的scheme,如果为release,需在命令行执行flutter build ios

• 项目国际化部分依赖了AndroidStudio的插件flutter_i18n 需要在plugin仓库中,搜索Flutter i18n.安装插件成功后,重启AndroidStudio后,会生成lib/generated/i18n.dart文件

具体方案和使用参考掘金-rhyme_lphlv的博文

介绍

借用群里水友的两句对白，在预览版出来时候

• 1A：话说玩Android的开源项目已经多如牛毛了。

• 3C：我想看最漂亮的。

感谢这位朋友对Fun Android的认可。

关于App的主题风格，不全是Google倡导的Material Design 也不全是Apple的Cupertino Style。由于我是一个Android开发者，但又长期使用的iPhone，所以App的风格是两者的结合又夹杂了点私货。个人认为iOS版本的确实好看点。

代码中存在的问题，请大家积极提Issue.

更新

V0.1.12 2019-10-21 (未发布)

• 下拉刷新列表在加载失败时,如果当前页没有数据显示错误提示页,有数据则弹出toast提示

V0.1.11 2019-10-17

• 增加网络加载失败的提示

V0.1.10 2019-10-16

• 修复收藏页面’shareUser’字段为空导致报错的bug

V0.1.9 2019-10-14

• 极致黑(Native的闪屏页面适配darkMode)
• 首页banner高度根据屏幕宽高适应
• 签名文件调整

V0.1.8 2019-10-13

• 文章列表加入分享人
• 首页加入数据为空的逻辑判断
• ViewStateModel中逻辑优化,bug fix
• 状态栏字体颜色优化
• 修复TextField中hint为中文时不居中的问题

V0.1.7 2019-09-23

• DarkMode自动跟随系统设置
• App更新组件调整
• 适配Dio3.0版本
• pull_to_refresh更新:加入国际化

V0.1.6 2019-09-20

• 修复收藏列表进入详情时,页面报错的bug

V0.1.5 2019-09-19

• Flutter SDK更新至Channel dev, v1.10.3,修复我的页面莫名卡死的问题
• 修改Android端App名称为Fun Android

V0.1.4 2019-09-18

• 适配Flutter 1.9.x
• Android加入版本更新
• 加入LeanCloud API云服务
• 移除修复首页黑屏问题的代码官方在1.10.1版本已修复
• 移除之前屏幕适配方案,对NativeView影响过大
• 修复版本更新导致的AppBar中进度条颜色与背景色不明显的问题
• 重构Http使用方式,解耦性更好
• 首页banner高度调整
• Android状态栏透明

2019-09-10

• flutter版本更新
• 适配更新AppBar区域CupertinoActivityIndicator的主题色彩冲突
• 移除OffState和Indicator的组合使用,优化性能
• 调整textField的clear实现方式,防止报错

2019-09-09

• 修复各页面里文章 收藏 状态没有同步的问题
• 首页收藏后,其他tab页对应item的收藏状态同步
• 我的收藏页面里移除收藏.其他页面状态同步
• 登录登出后各页面收藏状态刷新
• 如果相同账号在其他平台修改过收藏状态,只需要刷新列表即可同步收藏状态.(WanAndroid接口目前存在问题)
• 优化Dropdown弹出动画
• 首页初次加载数据禁用上拉记载更多功能
• 登录页面输入框可通过回车键切换

2019-08-30

• 修复积分数值在登录后没有刷新的bug
• 修复进入Splash页面短暂黑屏的bug
• 修复未登录时,点击收藏还可以播放动画的bug
• 默认主题色调整为亮色

2019-08-29

• 添加积分记录和排行榜功能

2019-08-28

• 在设置中添加WebViewPlugin的开关
• 在详情中移除收藏后,回到收藏列表页面自动刷新

2019-08-26

• 更新收藏动画的实现方式,之前实现的方式侵入性太强，每个页面都要先隐藏一个小❤❤。现在换了路由➕Hero的思路，重新调整了Flare。显示动画一行代码就ok。(如果你运行代码之后发现,该动画与图上会有一丝丝不一致,列表项右下角的小心会闪一下.不用担心那是flutter的bug,目前在master分支已经修复.见pr-37341)

项目结构

|

|

|
| — | — |
| | |

Provider MVVM的简单使用方式

• 快速添加一个拥有下拉刷新,上拉加载更多的页面.比如开发一个玩Android首页列表页面

1. Model

2. ViewModel

3. View

以上是Provider结合ViewModel的基础使用方式,考虑了App中会出现的比较全面的情况,希望大家一起探讨使用方式

另外在判断页面状态的时候,其实拿model.viewState == ViewState.busy会更严谨一点.为了书写方便,加了一个对应方法

这里能找到什么？

1. Provider状态管理的最佳实践，虽然Google很早就废弃了Provide，宣布Provider为推荐的状态管理工具，可是在开发中，我们总是会遇到很多问题。

2. 比如Provider的几个衍生类在具体的业务中应该怎么使用？

3. 页面最初需要的数据什么时候进行初始化,在哪里初始化。

4. 如何将页面的几个常用状态loading、error、empty、idle、unAuthorized进行组合使用。

5. 常用的下拉刷新，上拉加载更多应如何服用才能效果更佳。

6. Widget在dispose后，model不再notify()。

7. 清晰的代码结构。

8. 让页面归页面，让业务归业务，所有的业务逻辑都在view_model中，Widget只关注页面本身。

9. 不要再满屏幕的setState()。

10. 同一页面内可以利用Flutter框架给我们提供的各种XxxBuilder,来局部刷新。

11. 多层嵌套可使用前边提到的Provider。

12. 当然颗粒度足够细的Widget，还是要使用setState()。eg: ChangeLogPage中的ChangeLogView 功能单一，刷新不会影响别的widget。

13. 实现了App的基础功能，可copy当作模板代码快速开发

14. 主题切换

15. 夜间模式切换

16. 字体切换

17. 漂亮的骨架屏

18. 利用IDE插件i18n进行国际化

19. Dio结合Cookjar，实现玩Android的登录功能

20. AnimationList结合SmartRefresh的常规数据加载

21. 当然还有WanAndroid本身也有不错的内容，每日闲暇时，可以读一读。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

其实要轻松掌握很简单，要点就两个：

1. 找到一套好的视频资料，紧跟大牛梳理好的知识框架进行学习。
2. 多练。 （视频优势是互动感强，容易集中注意力）

你不需要是天才，也不需要具备强悍的天赋，只要做到这两点，短期内成功的概率是非常高的。

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。

阿里P7Android高级教程

下面资料部分截图，诚意满满：特别适合有3-5年开发经验的Android程序员们学习。

附送高清脑图，高清知识点讲解教程，以及一些面试真题及答案解析。送给需要的提升技术、近期面试跳槽、自身职业规划迷茫的朋友们。

Android核心高级技术PDF资料，BAT大厂面试真题解析；

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

习。**

[外链图片转存中…(img-WfpzqhiB-1712366206978)]

附送高清脑图，高清知识点讲解教程，以及一些面试真题及答案解析。送给需要的提升技术、近期面试跳槽、自身职业规划迷茫的朋友们。

Android核心高级技术PDF资料，BAT大厂面试真题解析；
[外链图片转存中…(img-mYyIW77O-1712366206979)]

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！