实战演练:用Flutter打造贴近现实的项目

发表时间: 2019-07-08 15:29

最近 Flutter 火的一塌糊涂,所以今天给大家推荐一个 Flutter 的练习项目。非常的适合入门级学习 Flutter 的开发者。

为什么这么说呢?因为它包含了完整 UI 设计图,更贴近真实项目的练习,这个项目主要针对 UI 界面方面的练习。

这个开源项目就是:flutter_deer

这个项目主要实现的效果包括:

  • mvp 模式
  • 基于 dio + rxdart 的网络请求封装(支持泛型,自动解析,基于 FlutterJsonBeanFactory 插件实现)
  • 输入框等部件的处理封装
  • 自定义列表滑动效果
  • PopupWindow
  • 简易的过渡动画
  • 侧滑删除
  • 城市选择
  • 类似京东的三级联动
  • 各种自定义 Dialog
  • 头部列表吸顶
  • 密码输入键盘
  • 验证码输入框
  • 自定义简易日历
  • 曲线图及饼状图
  • 模块化路由管理
  • 更多的细节优化

预览效果图如下:

而这个项目使用到的第三方库也挺多的,都很不错,如下:

看完之后,你有什么感受呢?如果你想学习 Flutter ,那就赶紧去 star 关注,跟着去学习一波吧!

开源项目地址:

https://github.com/simplezhli/flutter_deer

开源项目作者:唯鹿

更多独立开发者赚钱经验分享,请关注公众号:非著名程序员,对话框回复关键字 “1024”,你懂得。