效果图如下

百姓量贩效果图.gif

技术要点

采用真实接口，使用Charles进行项目接口的拦截和发送处理

• 底部导航：bottomNavigationBar 结合 IndexedStack 实现联动
• IndexedStack在同一时刻只能显示子控件中的一个控件，通过Index显示控件
• Dio 网络库请求类封装及使用
• flutter_swiper 制作轮播效果
• flutter_screenutil 实现 屏幕适配
• url_launcher 打开网页，发送邮件，还可以拨打电话
• flutter_easyrefresh 实现自定义上拉加载和下拉刷新效果
• provide 实现全局状态管理
• oktoast Toast组件使用
• fluro 实现路由配置、页面跳转
• flutter_html 解析静态html标签
• shared_preferences APP客户端的持久化

常用第三方插件

dependencies:
  flutter:
    sdk: flutter

  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^0.1.2
  # 网络库 https://github.com/flutterchina/dio
  dio: ^2.1.13
  # 轮播图 https://github.com/best-flutter/flutter_swiper
  flutter_swiper: ^1.1.6
  # 屏幕适配 https://github.com/OpenFlutter/flutter_screenutil
  flutter_screenutil: ^0.6.0
  # 打开网页，发送邮件，还可以拨打电话 https://github.com/flutter/plugins/tree/master/packages/url_launcher
  url_launcher: ^5.1.2
  # 自定义上拉加载和下拉刷新效果 flutter_easyrefresh 前提：必须是一个ListView
  flutter_easyrefresh: ^1.2.7
  # 状态管理 Google 推出的 https://github.com/google/flutter-provide
  provide: ^1.0.2
  # Toast插件 https://github.com/OpenFlutter/flutter_oktoast
  oktoast: ^2.2.0
  # 路由 fluro https://github.com/theyakka/fluro
  fluro: "^1.4.0"
  # flutter_html 解析静态html标签 https://github.com/Sub6Resources/flutter_html
  flutter_html: ^0.9.6
  # shared_preferences APP客户端的持久化 https://github.com/flutter/plugins/tree/master/packages/shared_preferences
  shared_preferences: ^0.5.1

代码地址:

https://gitee.com/Steven_Hu/flutter_shop.git

~未完，待续！