Flutter项目Wanandroid

最近公司准备使用Flutter开发自己内部项目,自学了一周的flutter后使用了鸿洋大神开源的api开发了Flutter版Wanandroid项目,感谢鸿洋大神的无私奉献,由于是练手写的项目,开发的比较简陋,界面比较难看。

项目主要页面截图

Flutter项目Wanandroid_第1张图片 Flutter项目Wanandroid_第2张图片 Flutter项目Wanandroid_第3张图片 Flutter项目Wanandroid_第4张图片 Flutter项目Wanandroid_第5张图片 Flutter项目Wanandroid_第6张图片 Flutter项目Wanandroid_第7张图片 Flutter项目Wanandroid_第8张图片 Flutter项目Wanandroid_第9张图片 Flutter项目Wanandroid_第10张图片 Flutter项目Wanandroid_第11张图片 Flutter项目Wanandroid_第12张图片 Flutter项目Wanandroid_第13张图片

主要第三方开源库

  • shared_preferences
  • dio
  • sqflite
  • path_provider
  • flutter_redux
  • fluttertoast
  • flutter_swiper
  • event_bus
  • flutter_easyrefresh
  • flutter_spinkit
  • flutter_webview_plugin
  • cached_network_image
  • flutter_html
  • fish_redux
  • flare_flutter
  • flutter_ui: git: url: “https://github.com/zhangyujiu/flutter_ui.git”

功能介绍

  • 启动页:项目启动后倒计时进入主页
  • 首页:banner+listview,使用flutter_swiper开源库实现banner功能
  • 登录:操作相应的功能服务器返回需要登录的信息会自动跳转到登录的页面,并做了cooike持久化
  • 知识体系:使用listview展示知识体系分类
  • 导航:使用listview+使用listview实现二级联动
  • 项目:使用FutureBuilder先加载出分类tab,再加载列表页面
  • 搜索:使用sqflite实现历史记录保存
  • Todo:使用阿里的fish-redux,特点:集中,分治,复用,隔离
  • 数据共享:使用redux实现数据共享
  • 更多功能请Clone进行查看

自定义widget

  • 自定义TitleBar
  • 自定义跑马灯效果:当字符长度超过控件宽度,会自动横向混动播放文字
  • 自定义页面加载状态:1.进入页面进入加载状态 2.加载成功显示成功页面 3.加载失败显示失败页面,点击按钮可重新加载
  • 侧滑删除

参考项目

  • CarGuo
  • JsonChao

项目地址

项目地址

你可能感兴趣的:(Flutter项目,Flutter,dart)