项目作者: pjqdyd

项目描述 :
使用Flutter开发的移动端电商App应用
高级语言: Dart
项目地址: git://github.com/pjqdyd/Flutter-shop.git


Cool店 使用Flutter 开发的移动端电商APP应用." class="reference-link">app Cool店 使用Flutter 开发的移动端电商APP应用.

简介:

此项目是根据 Flutter实战-移动电商 完成, app主题色ui更改了, 图片来自网络, 图标图片来自iconfont, 数据则使用了fastmock在线Mock数据;

开发环境:

Flutter v1.17.4

参考: Fluter中文文档.

项目结构:

  1. lib
  2. ├─config 配置文件目录, 配置serviceUrl
  3. ├─model 各个页面的数据模型实体类对象
  4. ├─pages 页面组件的存放目录
  5. ├─provider provider状态管理
  6. ├─routes 路由配置文件目录
  7. ├─service 全局http请求方法目录
  8. └─main.dart main.dart入口主类

项目使用的依赖:

名称\选项 描述 版本
cupertino_icons flutter的图标库 ^0.1.2
dio dart的http网络请求库 ^2.1.13
flutter_swiper 滑动轮播图组件 ^1.1.6
flutter_screenutil 屏幕尺寸适配 ^0.5.3
url_launcher 跳转链接 ^5.1.2
flutter_easyrefresh 下拉刷新上拉加载组件 ^2.0.4
provide provide状态管理 ^1.0.2
fluttertoast 提示toast通知组件 ^3.1.3
flutter_html flutter渲染html页面 ^0.11.0
shared_preferences 数据持久化 ^0.5.3
fastmock 在线Mock数据 /
———————————————— ——————————————— ————————————-

页面展示:











如何运行:

  1. 确保安装好FlutterSdk开发环境,cmd查看命令flutter doctor.

  2. 在项目根目录下运行flutter pub get下载依赖包.

  3. 连接好设备后, 在项目目录下运行flutter run即可.

    (参考: flutter中文网)

最后:

(一些Flutter Widget组件布局案例 组件布局案例)