当前位置:   article > 正文

产品级Flutter开源项目FunAndroid,Provider MVVM的最佳实践_flutter provider mvvm

flutter provider mvvm

代码编译

  • Flutter SDK (Channel dev, v1.10.4)

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

Flutter的DebugRelease的编译模式不同,下分别是 JITAOT.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

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. ViewModel

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. View

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

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

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

这里能找到什么?

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

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

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

  4. 如何将页面的几个常用状态loadingerroremptyidleunAuthorized进行组合使用。

  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本身也有不错的内容,每日闲暇时,可以读一读。

未完成的功能

  1. 首页二楼目前是我个人的blog,也无法前进后退。后期会放一个flutter专题。

  2. Hero动画,在非最后一个tab登陆时,logo的动画会漂移到最后一个,需要加状态判断。

  3. 退出登陆加入动效。

目前已知存在的问题

  1. webview_flutter 插件的问题还是很多,有些链接点击会没有反应,不会跳转。所以接入了两套WebView方案

  2. webview_flutter 不能结合CustomScrollView滑动。见issue

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

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

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

img

img

img

img

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

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

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

结语

网上高级工程师面试相关文章鱼龙混杂,要么一堆内容,要么内容质量太浅, 鉴于此我整理了上述安卓开发高级工程师面试题以及答案。希望帮助大家顺利进阶为高级工程师。
目前我就职于某大厂安卓高级工程师职位,在当下大环境下也想为安卓工程师出一份力,通过我的技术经验整理了面试经常问的题,答案部分是一篇文章或者几篇文章,都是我认真看过并且觉得不错才整理出来。

大家知道高级工程师不会像刚入门那样被问的问题一句话两句话就能表述清楚,所以我通过过滤好文章来帮助大家理解。

1307页字节跳动Android面试真题解析火爆全网,完整版开放下载

现在都说互联网寒冬,其实只要自身技术能力够强,咱们就不怕!我这边专门针对Android开发工程师整理了一套【Android进阶学习视频】、【全套Android面试秘籍】、【Android知识点PDF】。

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

句话两句话就能表述清楚,所以我通过过滤好文章来帮助大家理解。

[外链图片转存中…(img-6tNJhHO9-1712366244270)]

现在都说互联网寒冬,其实只要自身技术能力够强,咱们就不怕!我这边专门针对Android开发工程师整理了一套【Android进阶学习视频】、【全套Android面试秘籍】、【Android知识点PDF】。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门即可获取!
本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/空白诗007/article/detail/916863
推荐阅读
相关标签
  

闽ICP备14008679号