旅行应用UI设计

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

我尝试在一些修改后重新创建了上述设计。

截图

显示的用户界面可能会随着UI更新而改变。 UI屏幕截图

包含的页面

启动页

有一个非常简单的启动页,它会显示介绍文本和一个号召性用语按钮。目前每次启动都会显示,但可以通过一些修改来更改。此页面还可以在应用启动时显示任何特色折扣或新品。

主页

此页面包含所有旅行套餐及其详情。此页面使用provider包内置了状态管理。已添加虚拟数据并模拟了API调用的延迟,API调用可以从.\lib\utils\restAPI.dart进行。地点模型位于.\lib\models\placesModel.dart,需要进行编辑以包含所需API调用的JSON。

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

查看详情页

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

使用说明

该存储库可免费使用。

GitHub

查看 Github