Flutter Developer Interview
请用 Visual Studio Code 或 Android Studio 以 “Flutter/Dart” 编码方式完成以下题目。请尽量少用第三方库。
| 时限 | 3小时 |
|---|---|
| 提交方法 | 请把代碼和相关的文件(如pubspec.yaml等)用ZIP(不可用RAR或其他格式)压缩后电邮至 hr@gz.questwork.com。不要把其他脚手架文件和第三方插件压缩在内。 |
电邮內必须寫下你的名字和微信号,否则不予处理。
目标
- 提供APP主页
外观
功能
- 上方显示banner图
- 主页按序(order)排列图符
- 按图符后以 WebView 跳转至http://cn.questwork.com
数据结构 Data Structure
数据和图符从网上撷取。
上方banner
主要数据
例子:
[
...
{
"iconUrl": "http://attendance.app.questwork.com/congress_app/icons/website.png",
"label": "Website",
"action": "Website",
"order": 16,
"active": true
},
{
"iconUrl": "http://attendance.app.questwork.com/congress_app/icons/filter_96.png",
"label": "Filter",
"action": "Filter",
"order": 17,
"active": false
},
...
| 属性 | 解释 |
|---|---|
| iconUrl | 图符网址 |
| label | 文字标志 |
| order | 按order数值由小至大排序 |
| active | 有效,主页只显示active为true的图符 |
| targetUrl | 本次习作不用 |
| action | 本次习作不用 |
评分准则
- 组件设计
- 编码整洁
- 外覌
