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

前言

  • 这是一款使用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

我的主页

下载

  • 暂不支持IOS版本下载,请自行clone项目代码运行。

应用截图























感谢

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

使用开源库

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

  1. idea ssm项目迁移到另一台机器上时出现不能正常启动项目的解决方案

    首先右下角提示关联spring文件,关联之,然后启动,发现项目无法启动,然后开始排错 首先从这个日志里发现了这么一条提示信息 然后百度了一下,答案都是说 web.xml 之类的 spring拦截器问题 ...

  2. 十分钟使用ionic Framework开发一个跨平台移动应用

    Ionic是一个前端的框架,帮助开发人员使用HTML5, CSS3和JavaScript做出原生应用. ionic的理念类似前端开发的BootStrap,目标是封装HTML5移动跨平台开发的最佳实践. ...

  3. Flutter与Xamarin跨平台移动开发相比

    在过去十年中,移动行业经历了巨大的增长,特别是在应用程序开发方面.据Statista报告称,全球智能手机用户超过20亿,预计到2022年底这一数字将增加到50亿以上.在这些智能手机中,近100%在三个 ...

  4. 安装与配置Flutter开发环境

    这篇博客我们介绍了Flutter,并且对比了H5,React Native,Flutter. 由于Flutter是跨平台的开发框架,开发一次可以同时运行在Android和iOS上面,所以我们开发时最好 ...

  5. python之代码规范

    第一章 为什么要有规范化目录 真正的后端开发的项目,系统等,少则几万行代码,多则十几万,几十万行代码 软件开发,规范你的项目目录结构,代码规范,遵循PEP8规范等等,让你更加清晰,合理开发. 1.代码 ...

  6. 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 ...

  7. 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 ...

  8. 微信公众号开发流程,jssdk的使用以及签名算法的实现

    一 开发流程 1 基本配置-登录自己的公众号 A:新型微信认证,认证过的企业号才可以进行自定义菜单中的连接跳转: B:开发基本配置里面进行开发者iD查询,密码查询和重置和ip白名单配置: C:公众号设 ...

  9. 怎样将本地web数据库项目部署到腾讯云服务器上?

    怎样将本地web数据库项目 部署到腾讯云服务器上? 1.本地计算机的工作: 1.1用eclipse或者myeclipse做好一个web项目,可以只做一个数据库的增删改查,本地部署到Tomcat服务器, ...

随机推荐

  1. javascript中所有函数参数都是按值传递

    在看<JavaScript高级程序设计>(第三版)的时候,传递参数这一节,里面提到 ECMAScript中所有函数的参数都是按值传递的 它自己的解释是, 把函数外部的值复制给函数内部的参数 ...

  2. IOS 修改图片的地理位置信息

    直接上代码: // // ViewController.m // changeLocation // // Created by 陈飞 on 16/10/31. // Copyright © 2016 ...

  3. Webpack 开发服务器代理设置解决跨域问题

    在前端开发过程中,可能会遇到跨域问题,在 webpack 设置中对 devServer 配置代理即可解决跨域问题,具体设置如下: webpack.config.js module.exports = ...

  4. Echarts line折线图使用(vue)

    实现 首先引入echarts工具 // vue文件中引入echarts工具 let echarts = require('echarts/lib/echarts') require('echarts/ ...

  5. HBase数据库增删改查常用命令操作

    最近测试用到了Hbase数据库,新建一个学生表,对表进行增删改查操作,把常用命令贴出来分享给大家~ 官方API:https://hbase.apache.org/book.html#quickstar ...

  6. 微信跳转之WAP跳转微信公众号关注页面链接weixin://dl/business/?ticket=

    本文整理了部分微信 URL Schemes,经过本人测试,所有url在微信 6.3.22 版本下都可正常工作.大家可以在 Safari 中打开链接进行尝试.(部分链接仅允许在微信内部浏览器中打开,已用 ...

  7. centos docker 升级至最新稳定版--摘自官网

    亲测好使 删除老版本的docker sudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ do ...

  8. 解决fastJson无序问题

    对外提供接口,第三方传过来的参数没问题.可是用fastJson 转换的出现 参数顺序不一致,导致 验签失败 解决fastJosn 转换无序问题 https://github.com/alibaba/f ...

  9. Mysql 常见问题

    ------------------------------------------------ ------------------------------------------------ -- ...

  10. 详谈kafka的深入浅出

    第一:kafka的介绍,kafka官网:http://kafka.apache.org/ http://www.jasongj.com/2015/03/10/KafkaColumn1/ kafka的简 ...