Skip to main content
Contents

代码实验室

Contents

Flutter 代码实验室提供一个指导性的、动手实践的编码体验。一些代码实验室在 DartPad 中运行——无需下载！

适合初学者

#

如果您是 Flutter 新手，我们建议您从以下代码实验室开始：

  • 构建你的第一个 Flutter 应用 (研讨会)
    我们非常受欢迎的“编写你的第一个 Flutter 应用”代码实验室（列在下面）的讲师主导版本。

  • 你的第一个 Flutter 应用
    创建一个简单的应用程序，自动生成听起来很酷的名称，例如“newstay”、“lightstream”、“mainbrake”或“graypine”。此应用程序具有响应性，可在移动设备、桌面和 Web 上运行。（这也取代了之前的“编写你的第一个 Flutter 移动应用程序”第 1 部分和第 2 部分代码实验室。）

  • 在 Web 上编写你的第一个 Flutter 应用
    在 DartPad 中实现一个简单的 Web 应用（无需下载！）,该应用显示包含三个文本字段的登录屏幕。当用户填写字段时，进度条会在登录区域顶部进行动画处理。此代码实验室专门为 Web 编写，但如果您已下载并配置 Android 和 iOS 工具，则已完成的应用程序也可在 Android 和 iOS 设备上运行。

下一步

#

设计 Flutter UI

#

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

使用 Flutter 与 ...

#

了解如何将 Flutter 与其他技术一起使用。

货币化 Flutter

#

Flutter 和 Firebase

#

使用 Flutter 构建游戏

#

  • 使用 SoLoud 向你的 Flutter 游戏添加声音和音乐— 新增
    SoLoud 包是一个免费且可移植的引擎，它提供了许多游戏都必不可少的低延迟和高性能声音。在本代码实验室中，学习如何将 SoLoud 添加到你的游戏中。

  • 使用 Flutter 和 Flame 构建 2D 物理游戏— 新增
    本代码实验室指导你使用类似于 Box2D 的 2D 物理模拟（称为Forge2D）在 Flutter 和 Flame 游戏中创建游戏机制。

  • 使用 Flutter 构建文字益智游戏— 新增
    本代码实验室侧重于构建文字益智游戏，并深入探讨使用 Flutter 的后台处理来生成庞大的纵横字谜式互锁单词网格。

  • Flutter 的 Flame 入门
    使用 Flame 2D 游戏引擎构建一个 Breakout 克隆，并将其嵌入 Flutter 包装器中。你将使用 Flame 的效果来动画和删除组件，以及 google_fonts 和 flutter_animate 包，使整个游戏看起来设计精良。

Flutter 和 TensorFlow

#

Flutter 和其他技术

#

测试

#

学习如何测试你的 Flutter 应用程序。

  • 如何测试 Flutter 应用
    从一个使用 Provider 包管理状态的简单应用程序开始。单元测试 Provider 包。为两个小部件编写小部件测试。使用 Flutter Driver 创建集成测试。

编写特定于平台的代码

#

学习如何编写针对特定平台（如 iOS、Android、桌面或 Web）的代码。

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

  • 向你的 Flutter 应用添加主屏幕小部件
    学习如何在 iOS 上向你的 Flutter 应用添加主屏幕小部件。这适用于你的主屏幕、锁屏或今日视图。

除非另有说明，否则本网站上的文档反映的是 Flutter 的最新稳定版本。页面最后更新于 2025-01-30。 查看源代码 或 报告问题。