购物示例应用

前端设计

Flutter 应用程序

  • 主要的Flutter代码位于/flutter
  • 该应用有3个Android和iOS版本:生产、预发布和开发。
  • yarn可与flutter/package.json一起用于管理项目,例如,yarn dev以调试模式运行应用的开发版本。
  • Riverpod用于应用程序的DI和状态管理。
  • Retrofit用于生成HTTP REST Api客户端服务代码。

结构

.
├── gen
│   └── assets.gen.dart
├── l10n
│   ├── arb
│   │   ├── app_ar.arb
│   │   ├── app_en.arb
│   │   └── app_hi.arb
│   └── l10n.dart
├── main.dart
├── main_devel.dart
├── main_stag.dart
└── src
    ├── commons
    │   ├── dependencies.dart
    │   ├── settings.dart
    │   └── theme.dart
    ├── config
    │   ├── bootstrap.dart
    │   ├── build_options.dart
    │   ├── firebase
    │   │   ├── firebase_options.dart
    │   │   ├── firebase_options_dev.dart
    │   │   └── firebase_options_stg.dart
    │   └── under_construction.dart
    ├── data
    ├── di
    ├── modules
    ├── navigation
    │   └── router.dart
    ├── repo
    ├── services
    ├── storage
    ├── ui
    │   ├── components
    │   ├── main
    │   │   ├── app.dart
    │   │   └── launch.dart
    │   └── screens
    │       ├── browsing.dart
    │       ├── checkout.dart
    │       ├── home.dart
    │       └── my_stuff.dart
    └── utils
  1. gen/

包含生成的资源代码

  1. l10n/

与翻译相关的arb文件和本地化控制器

  1. 主文件

开发、预发布和生产的主要入口文件。

  1. 通用

包含应用程序依赖、设置、主题等

  1. 配置

Firebase、启动等应用程序配置

  1. data

用于JSON序列化、表单、纯模型等的类集合

  1. dimodules

常用提供程序、通知程序、DI模块、控制器等

  1. 导航

包含路由和路由器配置

  1. reposervices

包含HTTP、本地存储等的服务和存储库。

  1. 存储

与本地数据持久性、迁移、数据库等相关的代码。

  1. UI

与UI相关的代码在此处。

  1. utils

包含常用工具类和函数。

截图

Home page

Home page where some items are in cart

Checkout page

Checkout page with items that have multiple quantities

GitHub

查看 Github