Flutter 测试

用于 TMDB 数据获取的 Flutter 应用。

入门

运行项目

  • 从 这里 获取 TMDB 密钥
  • 在 IDE 中打开项目。
  • 在项目根目录创建一个 .env 文件，并添加 TMDB_KEY=<<你的密钥在此>>。
  • 在终端中运行此命令 flutter pub get。

要求

此应用程序只有一个屏幕，即主屏幕。

主屏幕具有以下功能：

  • 带有可折叠工具栏的垂直列表，其中包含热门电影的第一张图片。
  • 垂直列表包含 4 个可折叠部分，每个部分都有标题和可水平滚动的列表。
  • 当用户进入主屏幕时，前两个部分会被填充，而其他两个部分保持折叠状态，但显示部分标题。
  • 水平列表中的每个项目都有电影图片和电影标题。
  • 仅当用户点击展开任何一个部分时，才会为第三个和第四个部分获取数据。
  • 用户可以从部分标题栏折叠、展开部分，反之亦然。
  • 每 30 秒轮询一次最新电影 API，以获取最新数据并更新视图。

drawing

GitHub

查看 Github