Flutter 测试

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

入门

运行项目

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

要求

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

主屏幕具有以下功能:

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

drawing

GitHub

查看 Github