Flutter 面试实操测试

入门

欢迎!如果你能看到这里,说明你很特别?

这是一个快速的 Flutter 测试,用来评估你在真实场景中的能力。

规则

  1. 完成此作业最多有 30 分钟时间;
  2. 你可以利用互联网进行研究;
  3. 如果你不理解任何指示,请随时向面试官提问;
  4. 除非绝对必要,否则面试官不应给你提示
  5. 如果你提前完成测试,请告知面试官

说明

注意:指示的完成顺序不分先后,你可以随意切换任务。

最终的应用外观是怎样的

screenshot

任务 1 – 次要 UI 更改

  • 应用在 AppBar 上显示了一个红色的丝带,看起来很难看,请将其移除。
  • 将 AppBar 的名称更改为 The Interview

任务 2 – 列出所有用户

  • 在主屏幕上列出所有用户(模拟数据应放在 data/mock_data.dart 中)
  • 我们希望将用户的名字和姓氏作为标题
  • 我们希望将用户的角色作为描述
  • 在左侧显示用户图像
  • 用户图像应有一个占位符(以防没有图像),请添加包 https://pub.dev/packages?q=font_awesome_flutter 并使用 FontAwesomeIcons.image

任务 3 – 重构与 Bug 修复

  • 我们希望将用户头像逻辑作为一个小部件,请将其重构到一个新文件 widgets/avatar
  • 添加用户 按钮不起作用,我们希望添加一个新用户,但是当我们按下 + 按钮时,它没有任何反应
  • 当 widget 从 widget tree 中移除时,清理搜索控制器。

任务 4 – 功能

  • 当应用启动时,键盘应弹出并聚焦于搜索框
  • 添加一个搜索过滤器,可以按用户的名字、姓氏、角色和电子邮件进行过滤

任务 5 – 建议

  • 您会建议如何改进代码

GitHub

查看 Github