我的手机商店

main

项目描述

“我的手机商店应用程序是使用 Flutter 框架开发的移动应用程序。它包含 5 个页面:主屏幕、首页、所有产品页面、详细产品页面和关于页面。该应用程序旨在为用户在所有移动设备上提供无缝且响应式的体验。”

  1. 首页是应用程序的核心,用户可以在其中浏览各种可供购买的产品。

  2. 所有产品页面以列表视图显示可用的“手机”产品列表,这可以帮助客户选择他们喜欢的手机,它还提供有关每个产品的更多详细信息,例如其标题、图像、价格和描述。

  3. 详细产品页面为用户提供他们感兴趣的产品的更详细描述。他们可以查看产品的图像、阅读其描述,并了解其功能和规格。此页面还包括一个“立即购买”按钮,允许用户直接从应用程序购买产品。

  4. 客户还可以使用搜索引擎根据他们的具体需求和偏好筛选产品。


文件夹结构


└── my_phones_store/
    ├── lib/
    │   ├── models/
    |       └── product.dart
    |   ├── pages/
    |       └── product_detail_screen.dart
    |   ├── screens/
    |       └── about.dart
    |       └── product_list_screen.dart
    |       └── products.dart
    |   ├── services/
    |       └── product_service.dart
    └── main.dart


演示

Phones.mp4


GUI

首页

First Screen


主页

Home page


Drawer

Drawer


所有产品页面

All products page


详细产品页面

Product details


关于页面

About page


设备预览:iPhone 12 mini


作者

Mostafa Hassan

入门

注意:请确保您的Flutter环境已设置好。

安装

在命令终端中,运行以下命令

$ git clone https://https://github.com/TheMostafax/My_Phones_Store.git my_phones_store
$ cd my_phones_store/
$ flutter packages get
$ flutter run

此项目中使用的语言和工具

flutter dart

GitHub

查看 Github