Skip to content

Latest commit

 

History

History
69 lines (47 loc) · 3.26 KB

README.md

File metadata and controls

69 lines (47 loc) · 3.26 KB

app Cool店 使用Flutter 开发的移动端电商APP应用.

简介:

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

开发环境:

Flutter v1.17.4
参考: Fluter中文文档.

项目结构:

lib
 ├─config               配置文件目录, 配置serviceUrl
 ├─model                各个页面的数据模型实体类对象
 ├─pages                页面组件的存放目录
 ├─provider             provider状态管理
 ├─routes               路由配置文件目录
 ├─service              全局http请求方法目录
 └─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组件布局案例 组件布局案例)