共计 1018 个字符,预计需要花费 3 分钟才能阅读完成。
该项目为 Github 开源项目,地址:https://github.com/simplezhli/flutter_deer
该项目非常适合作为个人学习 Flutter 的练习项目。
通过设置、修改、组合自带部件以及自定义来实现具体的设计效果,满足日常开发的需求。
基本功能涵盖:
- mvp 模式
- 使用
provider
(5.x 版本) 做状态管理 - 基于
dio
(4.x 版本)的网络请求封装 - 完整的集成测试、可访问性测试。
- 支持深色模式
- 本地化(感谢 @ghedwards)
- 使用
Sliver
系列组件实现复杂滚动效果 - 使用高德地图定位选择地址(支持 Web)
- 通用 Widget 的处理封装
- 下拉刷新 + 上拉加载更多
- 应用检查更新
- PopupWindow
- 扫码功能(qr_code_scanner 插件)
- 菜单切换动画(圆形扩散、3D 翻转)
- 侧滑删除
- 城市选择
- 类似京东选择城市的三级联动
- 各种自定义 Dialog
- 列表头部吸顶
- 密码输入键盘
- 验证码输入框
- 自定义简易日历
- 曲线图及 饼状图
- 模块化路由管理
- 更多 Demo(水波纹动画、刮刮卡、lottie)
- 更多的细节优化
具体可以下载体验:
Android 版安装包:点击下载,下载密码:111111
。
iOS 需要自行下载代码运行。
Web 体验地址:https://simplezhli.github.io/flutter_deer/
项目运行环境
1. Flutter version 2.2.1
2. Dart version 2.13.1
注意事项
debug
模式下会有部分卡顿现象,这属于正常现象。良好的体验需要打release
包。iOS 可以执行命令flutter build ios
以创建release
版本。Android 可以执行命令flutter build apk
以创建release
版本。- 项目运行有问题可以在 iOS 问题汇总、Android 问题汇总 中尝试寻找解决办法。
- 由于部分插件的原因,本项目在 Windows、macOS 仅做预览(主要为原生功能方面,UI 问题不大)。有兴趣的可自行运行体验。
- 可以执行集成测试命令
flutter drive --target=test_driver/driver.dart
查看功能演示。 - 因为页面有点多,一开始可能会导致页面无法与设计图对应上。我在代码注释中有添加设计图的相对路径,可以搜索或查找到对应页面,希望对你有帮助。
- 本项目使用 FlutterJsonBeanFactory 插件来生成 Bean。
- Web 受制于 js 等资源过大和部署在 Github 上,访问会慢一些。
正文完