项目项目链接:https://github.com/kaina404/FlutterDouBan
作者博客地址flutterall.com:
Flutter豆瓣客户端,Awesome Flutter Project,全网最100%还原豆瓣客户端。首页、书影音、小组、市集及个人中心,一个不拉。
使用Flutter开发一个豆瓣App
- 此项目,90%还原某瓣APP,所有UI均按照某瓣来实现。
- 项目中的数据均来自豆瓣api真实有效数据
- 项目中用到了几乎所有的Flutter widget
- 还有两个比较大的自定义魔改源码实现特效
- 大年初一也在维护的项目
APP中所有数据均为真实数据。但是默认,对于"书影音单个电影tab"的数据,使用模拟数据。因为,频繁的打开关闭APP,会频繁调用 这个接口。接口是有调用限制的,次数过于频繁,会被锁IP。如果想看真实数据,则可以进入 "我的",然后打开"书影音数据来自网络"开关后,重启APP即可。
下载地址 https://pan.baidu.com/s/16c7pT1vHudzyFNbP5lnXxg
dev-open
大家可以向这个分支根据豆瓣UI做设计稿,提交代码
- 这个分支供广大Flutter开发者来学习Flutter
- 此分支囊括了Flutter 90%的组件的基本与组合使用,是初学者真正实践的不错选择
- 在此豆芽APP的首页实现与影片详情的UI特效,基于魔改Flutter源码。有兴趣可以看看
- 大家想实战自己的Flutter能力,可以将某瓣APP作为设计稿,完成需求,并提交
- 每位开发者提交的代码,我都会在文档中进行备注
注意!!!建议使用模拟数据(mock_request.dart)
- 每个接口均有一定的调用限制
- 大家pull下的代码,进行测试调试时,对于特定接口,返回的特定数据。尽量不要每次求请求一次。可以请求到一次真实数据后,转成json保存 到本地。然后,自己调试开发的时候,使用这个模拟数据即可。 [可参考mock_request.dart]
未来版本计划(欢迎Flutter爱好者前来认领)
欢迎Flutter爱好者共同完成
涉及到UI,可参考豆瓣。
萌新TASK
- 完成任意一个未实现的按钮
- 完成任意一个未实现的页面
- 优化原有Widget
- 爱好者想实现但是未能实现的需求
- More ...
进阶TASK
- 优化代码
- 适当缓存数据
- 解决卡顿(可参考:https://flutter-io.cn/docs/testing/ui-performance)
- 优化路由(可参考咸鱼方案:https://www.yuque.com/xytech/flutter/vf1dpf)
老手TASK
I will make sure to bookmark it and come back to
read more of your useful information. Thanks for the post. I will certainly comeback.