旅行应用 UI 设计

旅行应用程序 UI 设计。此存储库是基于 Al Razi Siam 的设计在 Flutter 中开发的移动应用程序 https://www.behance.net/gallery/111883599/Travel-App

我尝试用一些小的改动来重新创建上述设计。

截图

显示的 UI 可能会随着 UI 的更新而变化。 UI 屏幕截图

包含的页面

启动页

有一个非常简单的启动屏,它会显示介绍文本和一个行动号召按钮。目前每次启动都会出现,但这可以通过一些修改来改变。此页面也可以用于在应用启动时显示任何精选折扣或新品。

主页

此页面包含所有旅行套餐及其详细信息。该页面使用 provider 包构建了状态管理。已添加具有虚假延迟的虚拟数据以模拟 API 调用获取,API 调用可以从 .\lib\utils\restAPI.dart 进行。地点模型在 .\lib\models\placesModel.dart 中,需要编辑以包含所需 API 调用的 JSON。

底部导航栏是一个动态导航栏,它响应用户的滚动输入,并在滚动时隐藏或显示自身。

查看详情页

此页面包含有关特定选定页面的详细信息。从前一页选择的数据目前未转发到此页面。未来也可以通过一些修改来实现这一点。

使用说明

该存储库可免费使用。

GitHub

查看 Github