Flutter 电商项目最佳实践(适合新手已开源)

10,103次阅读
没有评论

共计 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 上,访问会慢一些。

 

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于1970-01-01发表,共计1018字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)