Codelab

Flutter 的 Codelab 是一份为新手准备的入门指南。一些 Codelab 运行在 DartPad—上,这意味着你不需要下载任何东西就能够轻松学习。

适用于初级开发者

#

如果你刚开始学习 Flutter,我们推荐你学习下面的 Codelab 之一:

  • 构建你的第一个 Flutter App (workshop) 新!
    我们非常受欢迎的「编写你的第一个 Flutter App,第一部分」 codelab(如下所列)的讲师指导版。

  • 你的第一个 Flutter 应用
    创建一个简单的应用,来自动生成很酷的名字,比如: "newstay"、"lightstream"、"mainbrake" 或者 "graypine"。这是一个自适应应用,可以运行在手机端、电脑端和 Web 端。

  • 编写你的第一个 Flutter web 应用
    在 DartPad 中实现一个简单的 web 应用(无需下载任何东西!),它将会展示一个具有三个文本输入框的注册界面。当用户填完输入框,一个进度条动画将会展示在登录区域的顶部。这篇 codelab 是为 web 量身定做的,但如果你下载并配置好了 Android 以及 iOS 的工具,那么整个应用同样也能运行在 Android 以及 iOS 的设备上。

下一步

#

使用 Flutter 设计 UI

#

了解 Material Design 和 Flutter基本概念,例如布局和动画:

用 Flutter 来做什么……

#

学习如何使用在 Flutter 中使用其他技术产品/平台:

使用 Flutter 盈利

#

Flutter 和 Firebase 结合

#

使用 Flutter 构建游戏

#
  • 使用 SoLoud 为 Flutter 游戏添加声音和音乐
    SoLoud package 是一个免费且可移植的引擎,可提供许多游戏所需的低延迟和高性能的音效。在当前 codelab 中,你将学习如何将 SoLoud 添加到游戏中。

  • 使用 Flutter 和 Flame 制作 2D 物理游戏
    当前 codelab 将指导你在 Flutter 和 Flame 游戏中使用 Forge2D (与 Box2D 类似)来打造 2D 物理模拟的游戏机制。

  • 使用 Flutter 制作字谜游戏
    当前 codelab 重点关注如何构建字谜游戏,并深入研究如何使用 Flutter 的后台处理来生成大规模的纵横字谜风格的单词网格。

  • Flutter Flame 入门
    使用 Flame 2D 游戏引擎制作一个 Breakout 克隆版,并将其嵌入 Flutter wrapper 中。你将使用 Flame 的 Effects 制作动画和组件的移除,同时使用 google_fontsflutter_animate package,让整个游戏看起来有着精良的设计。

Flutter 和 TensorFlow 结合

#

Flutter 和其他技术结合

#

测试

#

学习如何测试你的 Flutter 应用:

  • 如何测试一个 Flutter 应用
    从一个简单的应用开始,该应用使用 Provider package 来管理状态,进而对提供应用进行单元测试 —— 为其中两个小部件编写小部件测试;使用 Flutter Driver 创建集成测试。

撰写平台特别的代码

#

学习如何撰写在特定的平台运行的代码,比如 iOS、Android、Web 和桌面端。

  • 编写一个 Flutter 桌面应用
    构建一个 Flutter 桌面端应用,适用于 Windows、Linux 和 macOS。构建一个 Flutter 桌面应用以通过 GitHub APIs 来检索你的代码仓库 (repo),已分配的问题 (issue) 和拉取请求 (pull request)。本任务还有一部分内容,需要创建并使用插件,让原生 API 和桌面应用进行交互,并为 GitHub APIs 构建一个类型安全的客户端库。

  • 为你的 Flutter 应用添加首页小部件
    学习如何通过你的 Flutter 应用添加一个首页小部件。小部件会展示在首页、锁屏页以及今日预览中。