我的手机商店
项目描述
“我的手机商店应用程序是使用 Flutter 框架开发的移动应用程序。它包含 5 个页面:主屏幕、首页、所有产品页面、详细产品页面和关于页面。该应用程序旨在为用户在所有移动设备上提供无缝且响应式的体验。”
-
首页是应用程序的核心,用户可以在其中浏览各种可供购买的产品。
-
所有产品页面以列表视图显示可用的“手机”产品列表,这可以帮助客户选择他们喜欢的手机,它还提供有关每个产品的更多详细信息,例如其标题、图像、价格和描述。
-
详细产品页面为用户提供他们感兴趣的产品的更详细描述。他们可以查看产品的图像、阅读其描述,并了解其功能和规格。此页面还包括一个“立即购买”按钮,允许用户直接从应用程序购买产品。
-
客户还可以使用搜索引擎根据他们的具体需求和偏好筛选产品。
文件夹结构
└── 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
首页
主页
Drawer
所有产品页面
详细产品页面
关于页面
设备预览: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






