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

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

- [Flutter官方网站](https://flutter.dev/)
- [Flutter中文网](https://flutterchina.club/)
- wendux的[Flutter实战](https://book.flutterchina.club/)
- Flutter官方example[flutter_gallery](https://github.com/flutter/flutter/tree/master/examples/flutter_gallery)
- [阿里巴巴咸鱼团队系列文章](https://www.yuque.com/xytech/flutter)
- [阿里巴巴flutter-go](https://github.com/alibaba/flutter-go)，flutter 开发者帮助 APP，包含 flutter 常用 140+ 组件的demo 演示与中文文档
- [awesome-flutter](https://github.com/Solido/awesome-flutter)包含居多优秀的Flutter库，工具，教程，文章等
- [玩Android跨平台项目](https://www.wanandroid.com/project/list/1?cid=402)
- 非常有用的[Json转Model插件](https://github.com/neverwoodsS/idea_dart_json_format)
- [Flutter-Notebook](https://github.com/OpenFlutter/Flutter-Notebook),提供了很多优秀样例和Demo
- [Flutter-plugins](https://github.com/flutter/plugins),flutter官方插件，提供了众多优秀插件
- 掘金作者[恋猫de小郭系列文章](https://juejin.im/user/582aca2ba22b9d006b59ae68/posts)
## 前言

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

## 环境搭建

- 根据[Flutter中文网](https://flutterchina.club/get-started/install)搭建开发环境，使用Android Studio安装Flutter插件，点击pubspec.yaml的package get，然后运行

##  APP下载

- Android[点击下载](https://www.pgyer.com/haFL)，或者扫描下方二维码下载

![](screenshot/a7.png)
  
- 暂不支持IOS版本下载，请自行clone项目代码运行。

## 功能介绍

#### V1.5版本

- 常用网站增加数据库[sqflite](https://pub.flutter-io.cn/packages/sqflite)功能
- 修复注册登录按钮颜色与主题色不一致的问题

#### V1.4版本

- 增加切换主题
- 封装基类BaseWidget和BaseWidgetState
- 显示隐藏AppBar
- 增加状态页切换（数据加载中，数据加载失败，空数据）

#### V1.3版本

- 新增搜索和搜索结果列表
- 新增页面正在加载...
- 整个界面UI风格修改

#### V1.2版本

- 新增福利，妹子图，使用[photo_view](https://pub.flutter-io.cn/packages/photo_view)，你懂得
- 新增分享[share](https://pub.flutter-io.cn/packages/share)
- 新增常用网站
- 新增关于作者，退出登录

#### V1.1版本

- 新增引导页[flutter-intro-slider](https://github.com/duytq94/flutter-intro-slider)
- 列表页悬浮FloatingActionButton,点击迅速回到顶部
- 新增注册、登录、我的收藏，增加侧滑抽屉，详见截图

#### V1.0版本
- 项目首页、知识体系、公众号、导航、项目、各个页面，和详情页面
- 主要的UI包括首页轮播图和列表，体系流式布局，公众号导航TabBar,以及下拉刷新和加载更多
- 轮播图使用的是开源库[flutter_swiper](https://github.com/best-flutter/flutter_swiper)
- 网络请求使用的是开源库[dio](https://github.com/flutterchina/dio)

## 我的主页
 - [掘金](https://juejin.im/user/5b319afee51d455e2c32fb5b/posts)
 - [CSDN](https://blog.csdn.net/zw2008224044)

## 应用截图

| <img src="/screenshot/b6.jpg" width="280" alt="福利，妹子图"/> | <img src="/screenshot/b2.jpg" width="280" alt="导航页"/> | <img src="/screenshot/b1.jpg" width="280" alt="导航页"/> |
| :--: | :--: | :--: |
| 福利，妹子图 | 导航页 | 导航页 |

| <img src="/screenshot/a0.png" width="280" height="498" alt="登录"/> | <img src="/screenshot/a01.png" width="280" height="498" alt="注册"/> | <img src="/screenshot/b4.jpg" width="280" height="498" alt="分享"/> |
| :--: | :--: | :--: |
| 登录 | 注册 | 分享 |

| <img src="/screenshot/a1.jpg" width="280" height="498" alt="首页"/> | <img src="/screenshot/a2.jpg" width="280" height="498" alt="体系"/> |  <img src="/screenshot/a3.jpg" width="280" height="498" alt="公众号"/> |
| :--: | :--: | :--: |
| 首页 | 体系 | 公众号 |

| <img src="/screenshot/a4.jpg" width="280" height="498" alt="导航"/> | <img src="/screenshot/a5.jpg" width="280" height="498" alt="项目"/> | <img src="/screenshot/a6.jpg" width="280" height="498" alt="基础知识"/> |
| :--: | :--: | :--: |
| 导航 | 项目 | 基础知识 |

| <img src="/screenshot/a8.jpg" width="280" height="498" alt="我的收藏"/> | <img src="/screenshot/a9.jpg" width="280" height="498" alt="详情页"/> |<img src="/screenshot/a10.jpg" width="280" height="498" alt="详情页"/> |
| :--: | :--: |:--: |
| 我的收藏 | 详情页 | 热门搜索 |

| <img src="/screenshot/b9.png" width="280" height="498" alt="正在加载"/>| <img src="/screenshot/b10.png" width="280" height="498" alt="正在加载"/> | |
| :--: | :--: |:--: |
| 数据为空 | 切换主题 |  |

##  感谢

1. 特别感谢github开源作者[shijiacheng](https://github.com/shijiacheng/wanandroid_flutter)
2. 感谢鸿洋大神及[玩Android官网](http://www.wanandroid.com/)提供的[开放API](http://www.wanandroid.com/blog/show/2)
3. 感谢[干货集中营 API](http://gank.io/api)

## 使用开源库

- [shared_preferences](https://pub.dartlang.org/packages/shared_preferences)
- [fluttertoast](https://pub.dartlang.org/packages/fluttertoast)
- [share](https://pub.flutter-io.cn/packages/share)
- [flutter_swiper](https://pub.flutter-io.cn/packages/flutter_swiper)
- [cupertino_icons](https://pub.flutter-io.cn/packages/cupertino_icons)
- [flutter_webview_plugin](https://pub.flutter-io.cn/packages/flutter_webview_plugin)
- [dio](https://pub.flutter-io.cn/packages/dio)
- [flutter-intro-slider](https://github.com/duytq94/flutter-intro-slider)
- [photo_view](https://pub.flutter-io.cn/packages/photo_view)
- [sqflite](https://pub.flutter-io.cn/packages/sqflite)
- [path_provider ](https://pub.flutter-io.cn/packages/path_provider#-installing-tab-)

## 欢迎关注我的微信公众号

![](screenshot/wechat.jpg)

HQF/wanandroid

简介

发行版

贡献者

近期动态

HQF/wanandroid .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

HQF/wanandroid