使用Flutter开发的在线商城
效果图
Android
IOS
说明
这个项目是仿百姓生活+的小程序,我从2019.10.20开始做,到2020.1.1结束。相信大家肯定会说这个和技术胖大佬的很像或则一样,但是自己看看代码的话,你会发现有很多不同的地方,这里面包括页面的一些页面的设置还有插件的选择都有所不同。项目是跑在安卓真机上的,IOS是跑在模拟器上的,因为地图在模拟器上看不到效果。等我有空就把开发步骤写下来,做成一个教程。希望大家给我点个star哦~~~
-
Android (IOS )
- 首页
- 商品分类
- 购物车
- 我的
- 商品列表
- 商品详情
- 购物车结算
- 订单中心
- 上拉加载/下拉刷新
- 地图定位/搜索
- 关于我(webview)
- 登录
- 购物车的全选
- 个人头像的上传
- 下订单
- 地址管理
- 联系客服
使用的插件
flutter_swiper: ^1.1.6 // 轮播图
dio: ^3.0.7 // 网络请求
flutter_screenutil: ^0.7.0 // 屏幕适配
url_launcher: ^5.4.1 // 通讯
flutter_spinkit: "^4.1.1" // 加载
fluwx: ^1.1.4 // 微信
flutter_easyrefresh: ^2.0.8 // 下拉刷新,上拉加载
image_picker: ^0.6.2+3 // 照片拾取
camera: ^0.5.7+2 // 拍照
provide: ^1.0.2 // 状态管理
flutter_html: ^0.11.1 // html
cached_network_image: ^2.0.0-rc // 缓存图片
flutter_staggered_grid_view: "^0.2.7" // 瀑布流
toast: ^0.1.4 // toast
sqflite: ^1.2.0 // 内容存储
shared_preferences: ^0.5.6 // 内容存储
flutter_custom_dialog: ^1.0.14 // dialog
flutter_webview_plugin: ^0.3.10+1 // webview
amap_map_fluttify: ^0.17.4+59a3abb // 地图
permission_handler: '^4.0.0' // 权限请求
decorated_flutter: ^0.10.0 // 绘制地图
amap_search_fluttify: ^0.7.2+4d92ce0 // 地图搜索