Flutter开发者自己的技术社区

Flutter模仿App例子

技术分享 flutterc 329℃ 0评论

这里记录通过flutter 模仿的各种App的Demo,供大家学习,持续更新……


Alibaba flutter-go 开发者帮助 APP,包含 flutter 常用 140+ 组件的demo 演示与中文文档

https://img.alicdn.com/tfs/TB1OJkeHNYaK1RjSZFnXXa80pXa-229-229.png

基础环境

本项目环境持续更新. 请定期更新各依赖包.

  • dart(version: 2.0.0)
  • flutter(version: v1.0.0)

背景

Flutter 是什么?

2018年6月21日Google发布Flutter首个release预览版,作为Google 大力推出的一种全新的响应式,跨平台,高性能的移动开发框架。Flutter是一个跨平台的移动UI框架,旨在帮助开发者使用一套代码开发高性能、高保真的Android和iOS应用。

flutter优点主要包括:

  • 跨平台
  • 开源
  • Hot Reload、响应式框架、及其丰富的控件以及开发工具
  • 灵活的界面设计以及控件组合
  • 借助可以移植的GPU加速的渲染引擎以及高性能ARM代码运行时已达到高质量的用户体验

Flutter Go 的由来

  • Flutter学习资料太少,对于英文不好的同学相对来说比较困难
  • 官网文档示例不够健全,不够直观
  • 各个 widget 的用法各异,属性纷繁,要运行一个 widget 的 demo 往往要到处翻阅各种资料

Flutter Go 的优势

  • 详解常用 widget 多达 140+ 个
  • 配套 Demo 详解 widget 常规用法
  • 集中整合 widget 案例,一个 APP 搞定所有常用 widget 的用法
  • 持续迭代 ‘追新’ 官方版本

项目地址:https://github.com/alibaba/flutter-go

使用Flutter开发一个豆瓣App

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

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


Flutter豆瓣客户端,全网最100%还原豆瓣客户端。首页、书影音、小组、市集及个人中心,一个不拉https://img.xuvip.top/douyademo.mp4


项目地址:https://github.com/kaina404/FlutterDouBan
博主徐爱卿:https://www.jianshu.com/u/1c09737416aa


flutter music player application (仿网易云音乐)

playing_page


项目地址:https://github.com/boyan01/flutter-netease-music

基于 Flutter 的开源中国客户端 FlutterOSC
基于 Google Flutter 的开源中国客户端,支持 Android 与 iOS。独创的动弹小黑屋功能,可屏蔽你不想看的人发的动弹。

功能

  •  登录(使用osc账号)
  •  查看资讯(未登录即可查看)
  •  查看、回复、发表、评论动弹(需要登录)
  •  动弹小黑屋(需要登录)
  • “发现”部分的功能基本上都是用H5实现
  •  资讯列表、动弹列表、评论列表支持下拉刷新或分页加载
  •  动弹中的图片预览暂未实现
  •  摇一摇、“我的”页面功能暂时没完成
  •  主题切换功能暂未实现

项目地址:https://gitee.com/yubo725/FlutterOSC

转载请注明:Flutter中文社区 » Flutter模仿App例子

喜欢 (9)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址