interview:developer:flutter:start [Questwork's Wiki]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Flutter Developer Interview ======

请用 Visual Studio Code 或 Android Studio 以 "Flutter/Dart" 编码方式完成以下题目。请尽量少用第三方库。

^ 时限 | 3小时 |
^ 提交方法 | 请把代碼和相关的文件（如pubspec.yaml等)用ZIP（不可用RAR或其他格式）压缩后电邮至 hr@gz.questwork.com。不要把其他脚手架文件和第三方插件压缩在内。 |

<note warning>电邮內必须寫下你的名字和微信号，否则不予处理。</note>

===== 目标 =====

  * 提供APP主页


===== 外观 =====

以下只是参考。

{{:interview:developer:flutter:img_3743.png?200|}}


===== 功能 =====

  * 上方显示banner图
  * 主页按序(order)排列图符
  * 按图符后以 WebView 跳转至http://cn.questwork.com


===== 数据结构 Data Structure =====

数据和图符从网上撷取。

上方banner
  * http://wiki.questwork.com/dokuwiki/lib/exe/fetch.php?cache=&media=interview:developer:flutter:topbanner.png


主要数据
  * https://s3.ap-east-1.amazonaws.com/attendance.app.questwork.com/congress_app/feature.list.json


例子：
<code>
[
...
  {
    "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
  },
...
</code>

^ 属性 ^ 解释 ^
| iconUrl | 图符网址 |
| label | 文字标志 |
| order | 按order数值由小至大排序 |
| active | 有效，主页只显示active为true的图符 |
| targetUrl | 本次习作不用 |
| action | 本次习作不用 |


===== 评分准则 =====

  * 组件设计
  * 编码整洁
  * 外覌