跳转至正文

Flutter 教程

学习如何使用 Flutter 从零构建可在移动端、桌面端和 Web 上运行的像素级完美应用。

欢迎学习 Flutter 教程！本教程将教你从零构建可在移动端、桌面端和 Web 上运行的应用。

你将从最基础的内容开始：创建一个空白的 Flutter 应用。学完之后，你将构建若干小型应用，它们演示了 Flutter 开发的关键特性（还有更多内容！）

开始之前

#

本教程是 Flutter 学习路径的第三步，因此假定你已经具备：

  1. 已配置好的 Flutter 环境

  2. 对 Dart 编程语言的基本了解

如果以上任一项尚未满足，请从 学习路径页面 开始。

Dash with magnifying glass

目录

#
  1. 快速安装
    1. 安装 Flutter
  2. Flutter UI 入门
    1. 创建 Flutter 应用
    2. Widget 基础
    3. 在屏幕上布局 widget
    4. DevTools
    5. 处理用户输入
    6. 了解 stateful widget
    7. 添加隐式动画
  3. Flutter 应用中的状态
    1. 状态管理项目
    2. 发起 HTTP 请求
    3. 使用 ChangeNotifier 更新应用状态
    4. 使用 ListenableBuilder 更新应用 UI
  4. Flutter UI 102
    1. 高级 UI 特性
    2. 自适应布局
    3. 滚动与 sliver
    4. 基于栈的导航
  5. Flutter 工作原理
    1. Flutter 工作原理

开始学习

除非另有说明，本文档之所提及适用于 Flutter 3.44.0 版本。本页面最后更新时间：2026-06-18。查看文档源码 或者 为本页面内容提出建议。