描述

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

使用Flutter开发一个豆瓣App

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

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

Demo



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。

下载

FlutterDouBan-master.zip
源码下载

开源

项目地址:  https://github.com/kaina404/FlutterDouBan

项目分类:  Flutter

提 交 者 :  李金山

授权协议 : Apache-2.0