用Flutter开发的跨平台项目,完美运行在Android和IOS上,Material简洁风格,包括启动页、引导页、注册、登录、首页、体系、公众号、导航、项目,还有漂亮的妹子图库,运行极度流畅,结构清晰,代码规范,值得拥有

Flutter学习资源汇总持续更新中……

  • Flutter官方网站
  • Flutter中文网
  • wendux的Flutter实战
  • Flutter官方exampleflutter_gallery
  • 阿里巴巴咸鱼团队系列文章
  • 阿里巴巴flutter-go,flutter 开发者帮助 APP,包含 flutter 常用 140+ 组件的demo 演示与中文文档
  • 玩Android跨平台项目
  • 非常有用的Json转Model插件
  • Flutter-Notebook,提供了很多优秀样例和Demo

前言

  • 这是一款使用Flutter写的WanAndroid客户端应用,在Android和IOS都完美运行
  • 可以用来入门Flutter,简单明了,适合初学者
  • 项目完全开源,如果本项目确实能够帮助到你学习Flutter,谢谢start一下,有问题请提交Issues,我会及时回复

环境搭建

  • 根据Flutter中文网搭建开发环境,使用Android Studio安装Flutter插件,点击pubspec.yaml的package get,然后运行

App目录结构

  • |–lib
    • |– main (入口类)
    • |– loading (启动页)
    • |– splash_screen (引导页)
    • |– util (工具类)
    • |– base (基类,封装基类BaseWidget和BaseWidgetState)
    • |– http (网络请求相关类)
    • |– common (常用类)
    • |– event (事件类)
    • |– model (实体类)
    • |– ui (界面相关)
    • |– util (工具类)

功能介绍

V1.4版本

  • 增加切换主题
  • 封装基类BaseWidget和BaseWidgetState
  • 显示隐藏AppBar
  • 增加状态页切换(数据加载中,数据加载失败,空数据)

V1.3版本

  • 新增搜索和搜索结果列表
  • 新增页面正在加载…使用flutter_spinkit
  • 整个界面UI风格修改

V1.2版本

  • 新增福利,妹子图,你懂得
  • 新增分享share
  • 新增常用网站
  • 新增关于作者,退出登录

V1.1版本

  • 新增引导页flutter-intro-slider
  • 列表页悬浮FloatingActionButton,点击迅速回到顶部
  • 新增注册、登录、我的收藏,增加侧滑抽屉,详见截图

V1.0版本

  • 项目首页、知识体系、公众号、导航、项目、各个页面,和详情页面
  • 主要的UI包括首页轮播图和列表,体系流式布局,公众号导航TabBar,以及下拉刷新和加载更多
  • 轮播图使用的是开源库flutter_swiper
  • 网络请求使用的是开源库dio

下载

  • Android点击下载,或者扫描下方二维码下载

    frc e523c5068bdcd4ba19e3f60b29ba3bc6 - Flutter版的玩Android完整版本(终结)
    a7.png
  • 暂不支持IOS版本下载,请自行clone项目代码运行。

应用截图

frc 92be6e132e59f5b9286ac9333e68528a - Flutter版的玩Android完整版本(终结)
b6.jpg

frc aa2372ed5e4fdcb8796df99b8382cc77 - Flutter版的玩Android完整版本(终结)
a0.png
frc ace1339a9234f345472109df38ddb075 - Flutter版的玩Android完整版本(终结)
a01.png
frc e441232635653a2420be597c86edf340 - Flutter版的玩Android完整版本(终结)
a1.jpg
frc 6018ae149ac07edbbfb939b0b0b97c51 - Flutter版的玩Android完整版本(终结)
a02.jpg
frc 8a521b066b4dc97d044d9cc8d28f8c4b - Flutter版的玩Android完整版本(终结)
a2.jpg
frc 4a3dcf2217f97ab76d0a47edc92731a0 - Flutter版的玩Android完整版本(终结)
a3.jpg
frc 6623686a62a6627782f1d2b4a24ac325 - Flutter版的玩Android完整版本(终结)
a4.jpg
frc 331ffe3f0ab4d0899bc9648024c1397c - Flutter版的玩Android完整版本(终结)
a5.jpg
frc 2221077b1455d11c248e0053e2694bc7 - Flutter版的玩Android完整版本(终结)
a6.jpg
frc 95b5d6f4c7424bd6bc2d2b83fb915203 - Flutter版的玩Android完整版本(终结)
a8.jpg
frc c0c4956aa3efbb54c253c0a2d19cd104 - Flutter版的玩Android完整版本(终结)
a9.jpg
frc 921c8ef6230d164ad5f99c18c2d8173b - Flutter版的玩Android完整版本(终结)
a10.jpg
frc 8fda802750d8f791814537e0bc132147 - Flutter版的玩Android完整版本(终结)
a11.jpg
frc 204669283653533c55d54222fb547b58 - Flutter版的玩Android完整版本(终结)
b1.jpg
frc 7d525b9972a450f24693258f871d7209 - Flutter版的玩Android完整版本(终结)
b2.jpg
frc e3037c76b487c07f62abcefeb3ea7112 - Flutter版的玩Android完整版本(终结)
b3.png
frc 5f58d5d6b60b96a7a66c73b954b9de1a - Flutter版的玩Android完整版本(终结)
b4.jpg
frc 95fcb2938f63564bf92c160cb5cbb892 - Flutter版的玩Android完整版本(终结)
b5.jpg
frc d449086eb173d439074d1db8de7f34ee - Flutter版的玩Android完整版本(终结)
b7.png
frc 418abcda423096c4b9efa7273258af7c - Flutter版的玩Android完整版本(终结)
b8.png
frc 382a01b7976bdd31ddde9df6ceb7b785 - Flutter版的玩Android完整版本(终结)
b9.png
frc a4323dc1ce823b525ed2fe1648c75b8a - Flutter版的玩Android完整版本(终结)
b10.png

感谢

  1. 特别感谢github开源作者shijiacheng
  2. 感谢鸿洋大神及玩Android官网提供的开放API
  3. 感谢干货集中营 API

使用开源库

  • flutter_spinkit
  • share
  • flutter_swiper
  • cupertino_icons
  • flutter_webview_plugin
  • dio
  • flutter-intro-slider

Flutter版的玩Android完整版本(终结)