spots_coding_task

一款简单的 Flutter 应用,允许您浏览露营车的营地。

由于移动设备是此应用的主要目标,因此 UI 和 UX 均针对小屏幕进行了优化。因此,为了获得最佳体验,建议在移动设备(Android 或 iOS)上进行测试。

但是,如果您只是想快速查看该应用程序,可以 在此处 查看其 Web 版本。最新的 master 版本会自动部署在 github pages 上。

当前功能

该应用目前由两个页面组成:营地页面和营地详情页面。营地页面允许按字母顺序浏览提供的营地。未来还将可能根据不同参数(例如,主持人语言、价格或位置)过滤营地。

点击营地页面上的营地时,将打开营地详情页面。此页面提供有关营地的更多信息。

数据源

营地数据由模拟 JSON API 提供。模拟 API 的简单 Postman 集合可在项目根目录中找到。

由于模拟 API 目前仅提供猫咪图片,因此提供的图片 URL 已稍作调整。

状态管理

Riverpod 用于状态管理。所有状态对象都是不可变的,并使用 freezed 生成。

如何安装

为了获得最佳体验,请确保以 release 模式安装该应用程序。(flutter run --release

有关如何运行 Flutter 应用的更多信息,请访问 此处。有关 release 和 debug 模式之间差异的更多信息,请访问 此处

如果您想自己构建 Web 版本,请确保使用 html Web 渲染器。否则,应用程序中的图像将无法加载。您可以使用以下命令执行此操作:flutter run -d chrome --web-renderer html 有关更多信息,请查看 https://docs.flutterdart.cn/development/platform-integration/web/web-images

GitHub

查看 Github