Flutter codelabs 提供有指导、动手实践的编码体验。部分 codelabs 可在 DartPad 中运行,无需下载!

适合初学者

#

如果你是 Flutter 新手,我们建议从以下任一 codelab 开始

  • 构建你的第一个 Flutter 应用(研讨会)
    这是我们非常受欢迎的“编写你的第一个 Flutter 应用”codelab(如下所列)的讲师指导版。

  • 你的第一个 Flutter 应用
    创建一个简单的应用,可自动生成好听的名称,例如“newstay”、“lightstream”、“mainbrake”或“graypine”。此应用响应灵敏,可在移动设备、桌面设备和网页上运行。

下一步

#

设计 Flutter 用户界面

#

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

Flutter 与…的搭配使用

#

了解如何将 Flutter 与其他技术结合使用。

Flutter 盈利化

#

Flutter 和 Firebase

#

使用 Flutter 构建游戏

#
  • 使用 SoLoud 为您的 Flutter 游戏添加声音和音乐新增
    SoLoud 包是一个免费便携的引擎,可提供许多游戏必不可少的低延迟和高性能音效。在此 codelab 中,了解如何将 SoLoud 添加到您的游戏中。

  • 使用 Flutter 和 Flame 构建 2D 物理游戏新增
    此 codelab 将指导您使用一个类似 Box2D 的 2D 物理模拟引擎,即 Forge2D,在 Flutter 和 Flame 游戏中制作游戏机制。

  • 使用 Flutter 构建字谜游戏新增
    此 codelab 侧重于构建字谜游戏,并深入探讨如何使用 Flutter 的后台处理功能生成庞大的交叉词谜风格的互锁单词网格。

  • Flutter 与 Flame 入门
    使用 Flame 2D 游戏引擎构建一个打砖块游戏克隆,并将其嵌入到 Flutter 包装器中。您将使用 Flame 的 Effects 来动画和移除组件,并结合 google_fontsflutter_animate 包,使整个游戏看起来设计精良。

Flutter 和 TensorFlow

#

Flutter 和其他技术

#

测试

#

了解如何测试您的 Flutter 应用。

  • 如何测试 Flutter 应用
    从一个使用 Provider 包管理状态的简单应用开始。对 Provider 包进行单元测试。为其中两个组件编写组件测试。使用 Flutter Driver 创建集成测试。

编写平台特定代码

#

了解如何编写针对特定平台(如 iOS、Android、桌面或网页)的代码。

  • 编写 Flutter 桌面应用程序
    构建一个 Flutter 桌面应用(Windows、Linux 或 macOS),用于访问 GitHub API 以检索您的仓库、已分配问题和拉取请求。作为此任务的一部分,创建并使用插件与原生 API 和桌面应用交互,并使用代码生成来构建 GitHub API 的类型安全客户端库。

  • 向您的 Flutter 应用添加主屏幕组件
    了解如何在 iOS 上向您的 Flutter 应用添加主屏幕组件。这适用于您的主屏幕、锁定屏幕或今日视图。