用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点击下载,或者扫描下方二维码下载

- 暂不支持IOS版本下载,请自行clone项目代码运行。
应用截图























感谢
- 特别感谢github开源作者shijiacheng
- 感谢鸿洋大神及玩Android官网提供的开放API
- 感谢干货集中营 API
使用开源库
- flutter_spinkit
- share
- flutter_swiper
- cupertino_icons
- flutter_webview_plugin
- dio
- flutter-intro-slider
用Flutter开发的跨平台项目,完美运行在Android和IOS上,Material简洁风格,包括启动页、引导页、注册、登录、首页、体系、公众号、导航、项目,还有漂亮的妹子图库,运行极度流畅,结构清晰,代码规范,值得拥有的更多相关文章
- idea ssm项目迁移到另一台机器上时出现不能正常启动项目的解决方案
首先右下角提示关联spring文件,关联之,然后启动,发现项目无法启动,然后开始排错 首先从这个日志里发现了这么一条提示信息 然后百度了一下,答案都是说 web.xml 之类的 spring拦截器问题 ...
- 十分钟使用ionic Framework开发一个跨平台移动应用
Ionic是一个前端的框架,帮助开发人员使用HTML5, CSS3和JavaScript做出原生应用. ionic的理念类似前端开发的BootStrap,目标是封装HTML5移动跨平台开发的最佳实践. ...
- Flutter与Xamarin跨平台移动开发相比
在过去十年中,移动行业经历了巨大的增长,特别是在应用程序开发方面.据Statista报告称,全球智能手机用户超过20亿,预计到2022年底这一数字将增加到50亿以上.在这些智能手机中,近100%在三个 ...
- 安装与配置Flutter开发环境
这篇博客我们介绍了Flutter,并且对比了H5,React Native,Flutter. 由于Flutter是跨平台的开发框架,开发一次可以同时运行在Android和iOS上面,所以我们开发时最好 ...
- python之代码规范
第一章 为什么要有规范化目录 真正的后端开发的项目,系统等,少则几万行代码,多则十几万,几十万行代码 软件开发,规范你的项目目录结构,代码规范,遵循PEP8规范等等,让你更加清晰,合理开发. 1.代码 ...
- Mac下配置cocos2d-x开发环境(android和ios)
一.下载cocos2d-x http://cocos2d-x.org/projects/cocos2d-x/wiki/Download cocos2d-x-2.1.4.zip @ June.18, 2 ...
- cocos2d-x系列 Mac下配置cocos2d-x开发环境(android和ios)
一.下载cocos2d-x http://cocos2d-x.org/projects/cocos2d-x/wiki/Download cocos2d-x-2.1.4.zip @ June.18, 2 ...
- 微信公众号开发流程,jssdk的使用以及签名算法的实现
一 开发流程 1 基本配置-登录自己的公众号 A:新型微信认证,认证过的企业号才可以进行自定义菜单中的连接跳转: B:开发基本配置里面进行开发者iD查询,密码查询和重置和ip白名单配置: C:公众号设 ...
- 怎样将本地web数据库项目部署到腾讯云服务器上?
怎样将本地web数据库项目 部署到腾讯云服务器上? 1.本地计算机的工作: 1.1用eclipse或者myeclipse做好一个web项目,可以只做一个数据库的增删改查,本地部署到Tomcat服务器, ...
随机推荐
- javascript中所有函数参数都是按值传递
在看<JavaScript高级程序设计>(第三版)的时候,传递参数这一节,里面提到 ECMAScript中所有函数的参数都是按值传递的 它自己的解释是, 把函数外部的值复制给函数内部的参数 ...
- IOS 修改图片的地理位置信息
直接上代码: // // ViewController.m // changeLocation // // Created by 陈飞 on 16/10/31. // Copyright © 2016 ...
- Webpack 开发服务器代理设置解决跨域问题
在前端开发过程中,可能会遇到跨域问题,在 webpack 设置中对 devServer 配置代理即可解决跨域问题,具体设置如下: webpack.config.js module.exports = ...
- Echarts line折线图使用(vue)
实现 首先引入echarts工具 // vue文件中引入echarts工具 let echarts = require('echarts/lib/echarts') require('echarts/ ...
- HBase数据库增删改查常用命令操作
最近测试用到了Hbase数据库,新建一个学生表,对表进行增删改查操作,把常用命令贴出来分享给大家~ 官方API:https://hbase.apache.org/book.html#quickstar ...
- 微信跳转之WAP跳转微信公众号关注页面链接weixin://dl/business/?ticket=
本文整理了部分微信 URL Schemes,经过本人测试,所有url在微信 6.3.22 版本下都可正常工作.大家可以在 Safari 中打开链接进行尝试.(部分链接仅允许在微信内部浏览器中打开,已用 ...
- centos docker 升级至最新稳定版--摘自官网
亲测好使 删除老版本的docker sudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ do ...
- 解决fastJson无序问题
对外提供接口,第三方传过来的参数没问题.可是用fastJson 转换的出现 参数顺序不一致,导致 验签失败 解决fastJosn 转换无序问题 https://github.com/alibaba/f ...
- Mysql 常见问题
------------------------------------------------ ------------------------------------------------ -- ...
- 详谈kafka的深入浅出
第一:kafka的介绍,kafka官网:http://kafka.apache.org/ http://www.jasongj.com/2015/03/10/KafkaColumn1/ kafka的简 ...