Widgetbook 挑战

这个 Flutter 应用代表了申请在 Widgetbook 工作的一群 Flutter enthusiasts 的编码挑战。

如果您是出于任何其他原因偶然发现此存储库,欢迎您参与此挑战来消除您的无聊。但请确保在完成后向我们发送一份申请??

要求

该应用程序是使用 flutter 2.10.3 (dart 2.16.1) 创建的。

任务

在此编码挑战中,您将实现一个应用程序,该应用程序接受用户的输入并将其发送到模拟的后端。用户流程如下:

  1. 用户在主屏幕上会看到提供的 Scaffold,其中包含一个 TextField 和一个提交 Button
  2. 用户在 TextField 中输入一个名字,然后按 Button 将请求发送到模拟的后端。
  3. 应用程序在计算请求,而 UI 在等待响应。
  4. 请求完成后,响应消息将显示在提交按钮下方的 UI 中。如果在从服务器请求时发生任何错误,则会显示错误消息。

任务

  1. 阅读此文档。
  2. 克隆(不要 fork)此存储库。
  3. 理解提供的代码。
  4. 实现一个接受 nameTextField
    • 请确保验证没有输入无效内容(例如数字)!
  5. 实现一个 Button
  6. 在按钮的 onPressed 被触发时,实现请求的计算。
  7. 显示模拟后端的响应。
  8. 将您的代码上传到新的存储库。
    • 不要创建 fork。
    • 不要创建 pull request。
  9. 将您的解决方案存储库链接发送给我们
    • 如果您不喜欢您的解决方案被公开提供,请创建一个私有存储库并邀请 JensHor

额外信息

  • 您可以使用 pub.dev 上提供的任何包。
  • 您可以创建其他 Widget 和类。
  • 我们不期望华丽的设计。对于 UI 组件,您可以使用 Material 或 Cupertino 小部件。
  • 请不要修改 WidgetbookApi 类。
  • 请确保提交的解决方案能够体现您所说的软件开发标准模式和实践。

有问题吗?

  • 如果您对此任务有任何疑问,请在 issue 中告诉我们!

玩得开心!

GitHub

查看 Github