storefy Flutter应用程序

文件架构(仅重要部分)

  • lib\services\authServices.dart

    此文件包含与身份验证相关的所有功能,例如登录重置密码验证令牌存储用户令牌和信息 – 等。

  • lib\services\dio.dart

    此文件包含dio包的配置。

    dio 是Dart的强大HTTP客户端,支持拦截器、全局配置、FormData、请求取消、文件下载等。

  • lib\routes.dart

    此文件包含应用程序的所有路由。

  • lib\constants.dart

    此文件包含应用程序的所有常量,例如颜色和错误消息等。

与应用程序相关的库

  • dio:用于处理HTTP请求和响应。
  • flutter_svg:允许绘制和显示可缩放矢量图形(SVG)。
  • Provider:是我们应用程序的状态管理。
  • flutter_secure_storage:用于处理和存储令牌和用户信息。
  • url_launcher:用于启动URL的Flutter插件。支持Web、电话、SMS和电子邮件方案。

代码详情

  • lib\services\dio.dart
    Screenshot of  dio.dart file

  • 当您在开发模式下使用Android手机时,连接Laravel后端会遇到一些问题。
  • 您需要将手机和移动设备连接到同一网络。
  • 以主机模式启动Laravel服务器。

  • lib\main.dart
    screenshot of main file code

  • 在您的应用程序中添加Provider(状态管理)(红箭头)

  • lib\screens\sign_in\components\sign_form.dart
    Screenshot 2021-11-02 194254

    Screenshot 2021-11-02 194721

  • lib\screens\forget_password\components\sign_form.dart

    Screenshot 2021-11-02 195412

  • lib\screens\splash\components\body.dart

    Screenshot 2021-11-03 101004

注意:阅读截图中的注释

应用程序截图

登录

if information is not valid ??:

Screenshot_20211103-101714

if information is valid :

Screenshot_20211103-103209

忘记密码

if email is not valid ??:

Screenshot_20211103-103918

if email is  valid ??:

Screenshot_20211103-101730

登出

Screenshot_20211103-103220

  • 点击登出

    删除本地存储令牌。

    重定向到起始屏幕。

自动登录

当应用程序关闭且令牌有效时发生。

Screenshot_20211103-103235

GitHub

查看 Github