FlutterDouBan Flutter豆瓣客户端-CSDN博客

本文链接：https://blog.csdn.net/weixin_39690767/article/details/106858297

地址

https://github.com/kaina404/FlutterDouBan

说明

🔥🔥🔥Flutter豆瓣客户端,Awesome Flutter Project,全网最100%还原豆瓣客户端。首页、书影音、小组、市集及个人中心，一个不拉。（ https://img.xuvip.top/douyademo.mp4）Flutter SDK (Channel stable, v1.5.4-hotfix.2, on Mac OS X 10.13.6 17G2112, locale zh-Hans-CN， Dart SDK : 2.5.0)

如果产生其他依赖无法编译的问题，可以尝试将pubspec.yaml中的dependencies中的所有依赖的"^"去掉，重新编译尝试。

博客地址flutterall.com

真正的豆瓣客户端，90%还原豆瓣。首页、书影音、小组、市集及个人中心，一个不拉。项目持续更新中...

演示预览(右键，新标签页面打开)

如果您觉得还可以的话，给个Star白~

使用Flutter开发一个豆瓣App

此项目，90%还原某瓣APP，所有UI均按照某瓣来实现。
项目中的数据均来自豆瓣api真实有效数据
项目中用到了几乎所有的Flutter widget
还有两个比较大的自定义魔改源码实现特效
大年初一也在维护的项目

APP中所有数据均为真实数据。但是默认，对于"书影音单个电影tab"的数据，使用模拟数据。因为，频繁的打开关闭APP，会频繁调用这个接口。接口是有调用限制的，次数过于频繁，会被锁IP。如果想看真实数据，则可以进入 "我的"，然后打开"书影音数据来自网络"开关后，重启APP即可。

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

页面介绍

首页 pages/home
- homo_app_bar.dart 首页导航头
- home_page.dart 首页
- my_home_tab_bar.dart 首页tab
书影音 pages/movie
- book_audio_video_page.dart 书影音页面
- detail_page.dart 影片、电视详情页面
- person_detail_page.dart 演员页面介绍
- ... 页面都有注释
小组 pages/group
市集 shop_page.dart
- 市集的数据使用两个webview
我的 page/person

更新记录

dev-0.1
- 魔改源码实现电影详情抽屉特效
- 魔改Flutter AppBar源码实现豆瓣头部特效
- 优化页面逻辑
- 优化加载速度
master
- 基本网络请求框架、UI框架
- 已经填入了"最为复杂的电影TAB页面"、影视详情页面、小组页面（UI与豆瓣一致，数据使用的是热映榜）
  - 页面上下滑动
  - 页面上下+左右滑动
  - 数据加载
  - TAB页面滑动
  - ....
- 作为基本版本，一些逻辑不够完善，有一些bug。