编程作业

在此编程作业中,您将使用 Flutter 创建一个简单的 Web 应用程序。该应用程序将用于显示从模拟 API 获取的任务列表的主-详情视图。示例设计如下面的图像所示。

Design

实施要求

  1. 使用以下包
  • freezed(生成类方法)
  • riverpod(状态管理)
  • go_router(导航)
  1. 一个Task类应具有三个属性(TitleDescriptionDate)——目前只有TitleDate。将Description属性添加到Task类。
  2. 实现导航(使用go_router包),支持更改URL和浏览器中的后退按钮。
  3. 添加一个侧边菜单或导航栏,包含3个页面(TasksProjectsTeams)。
  • 第一个页面包含任务列表。当按下其中一个项目时,将显示详细视图。每个列表项都应显示TitleDate。详细视图还应显示Description文本。
  • ProjectsTeams页面应仅显示带有页面名称的文本。
  1. 使用network_service.dart文件中的getTasks方法为Tasks页面获取数据。
  2. 使用Riverpod包显示任务列表。
  3. 使应用程序适合国际化。

可选:添加对更改语言的支持(包含英语和阿拉伯语的下拉菜单)。

可选:使应用程序响应式。

GitHub

查看 Github