高仿某东商城flutter版本，个人学习flutter项目

前言

高仿某东商城flutter版本，个人学习flutter项目

1. 使用flutter_redux状态管理
2. 网络使用dio进行了简单的封装
3. 使用node项目mock服务端接口(mock_server目录)
4. 目前只实现了首页、分类页、购物车、我的，商品详情、webview模块

• 同款Android Kotlin版本（ https://github.com/GuoguoDad/jd_mall.git ）

flutter 简介

Flutter 是 Google 推出的一款开源的 UI 工具包，用于构建高性能、高保真度的移动、Web 和桌面应用程序。Flutter 使用自己的渲染引擎来绘制UI，从而提供更快的性能和更好的用户体验。Flutter 还提供了丰富的构建工具、库和插件，使得开发者可以更快速地构建应用程序。

Flutter框架具有如下的一些特点：

1. 渲染引擎可以提供高性能的 UI 渲染，支持 60fps 的动画效果，性能比原生都强。
2. 多端体验一致性强，因为他有自己的渲染引擎，脱离原生那套UI束缚。
3. 使用 Dart 语言，具有强类型、高效和易于学习的特点，基本上，你会写JS，这个上手很快。
4. 支持快速迭代和热重载，使得开发者可以更快速地进行开发，Ctrl+S马上就看到你的变更。
5. 支持跨平台开发，可以在 Android、iOS、Web 和桌面上运行，真正的全平台，可谓是一网打尽。
6. 提供了丰富的 UI 组件和插件，使得开发者可以更快速地构建应用程序。社区插件也非常丰富
   ，pub.dev，基本上你能想到的所有插件他都有，就是算没有，自己懂Android和iOS开发，封装一个也非常简单，都有套路模版。

flutter_redux

1. 封装需要共享的数据
2. 封装需要发送的消息（同时也有区分动作的作用）
3. 数据修改与分发
4. 声明 store
5. 接受与更新
6. 触发

启动mock_server

1. cd mock_server
2. 执行 npm i 安装依赖
3. npm run mock

效果

首页

分类

购物车

我的

详情

webview加载h5

第三方框架

库	功能
dio	网络框架
shared_preferences	本地数据缓存
flutter_redux	redux
device_info	设备信息
connectivity	网络链接
json_annotation	json模板
json_serializable	json模板
photo_view	图片预览
path_provider	本地路径
cached_network_image	图片显示

项目源码

https://github.com/GuoguoDad/jd_mall_flutter.git