docs.flutter.dev 使用 Google Cookie 来提供和提升其服务的质量并分析流量。 了解详情。

跳到主内容
Flutter 标志 Flutter 文档
搜索
  • Flutter 标志 Flutter
  • Flutter 标志 Flutter 文档
  • Flutter 标志 Flutter API
  • Dart 标志 Dart
  • Dart 标志 DartPad
  • Dart 标志 pub.dev
开始使用
  • 开始使用
    • 选择平台
      • 选择目标
      • 目标 Android
      • 目标 Web
      • 目标桌面
      • 选择目标
      • 目标 iOS
      • 目标 Android
      • 目标 Web
      • 目标桌面
      • 选择目标
      • 目标 Android
      • 目标 Web
      • 目标桌面
      • 选择目标
      • 目标 Android
      • 目标 Web
    • 概述
    • 使用 VS Code 安装
    • 手动安装
    • 升级 SDK
    • SDK 归档
    • 添加到路径
    • 故障排除
    • 卸载 SDK
    • 介绍
    • 编写你的第一个应用
      • 介绍
      • Dart 简介
      • 组件
      • 布局
      • 状态管理
      • 处理用户输入
      • 网络和数据
      • 本地数据和缓存
      • 适用于 Android 开发者的 Flutter
      • 适用于 Jetpack Compose 开发者的 Flutter
      • 适用于 SwiftUI 开发者的 Flutter
      • 适用于 UIKit 开发者的 Flutter
      • 适用于 React Native 开发者的 Flutter
      • 适用于 Web 开发者的 Flutter
      • 适用于 Xamarin.Forms 开发者的 Flutter
      • 声明式 UI 简介
      • Flutter 与 Swift 并发
    • 示例与教程
    • 发布说明
    • 破坏性变更
    • 兼容性政策
    • Medium 出版物open_in_new
    • 文档新功能
        • 概述
        • 用户体验
        • 功能集成
        • 自定义 LLM 提供商
        • 聊天客户端示例
      • Firebase 中的 Vertex AIopen_in_new
      • 概述
      • 探索适用于 Flutter 的 Firebaseopen_in_new
      • 了解适用于 Flutter 的 Firebaseopen_in_new
      • 使用 FirebaseUI 为 Flutter 应用添加用户身份验证流程open_in_new
      • 了解适用于 Web 的 Firebaseopen_in_new
      • 概述
      • 添加成就和排行榜
      • 使用 Firestore 构建排行榜open_in_new
      • 添加广告
      • 添加多人游戏支持
      • 添加应用内购买open_in_new
      • 添加用户身份验证open_in_new
      • 使用 Crashlytics 进行调试open_in_new
      • Flutter 中 Flame 简介open_in_new
        • 广告概述
        • 添加广告
        • 为 Flutter 应用添加 AdMob 广告open_in_new
        • 添加 AdMob 横幅广告和原生内嵌广告open_in_new
        • 集成多媒体广告(视频)open_in_new
        • Google AdMob 广告中介open_in_new
        • 互动媒体广告 SDKopen_in_new
        • 支付概述
        • Google Pay 软件包open_in_new
      • 添加应用内购买open_in_new
      • 为 Flutter 应用添加 Google 地图open_in_new
      • Google 地图软件包open_in_new
    • 构建新闻应用
  • 用户界面
  • 介绍
  • 组件目录
    • 介绍
    • 构建布局
      • 创建和使用列表
      • 创建水平列表
      • 创建网格视图
      • 创建包含不同类型项目的列表
      • 创建带间距的列表
      • 处理长列表
      • 概述
      • 使用 sliver 实现高级滚动
      • 在列表上方放置浮动应用栏
      • 创建滚动视差效果
    • 概述
    • 通用方法
    • SafeArea 与 MediaQuery
    • 大屏幕与可折叠设备
    • 用户输入与无障碍功能
    • 功能与政策
    • 自动平台适配
    • 最佳实践
    • 额外资源
    • 使用主题共享样式
    • Material Design
    • 迁移到 Material 3
      • 字体与排版
      • 使用自定义字体
      • 从软件包导出字体
      • Google Fonts 软件包open_in_new
      • 使用自定义片段着色器
    • 为你的应用添加交互性
      • 介绍
      • 处理点击
      • 在应用外拖放对象
      • 在应用内拖放 UI 元素
      • 添加 Material 触摸波纹效果
      • 实现滑动关闭
      • 创建和设置文本字段样式
      • 获取文本字段的值
      • 处理文本字段的更改
      • 管理文本字段的焦点
      • 构建带验证的表单
    • 显示 Snackbar
    • 实现操作与快捷方式
    • 管理键盘焦点
    • 添加资产和图片
    • 显示来自互联网的图片
    • 使用占位符淡入图片
    • 播放和暂停视频
    • 在构建时转换资产
    • 概述
    • 为你的应用添加标签页
    • 导航到新屏幕并返回
    • 向新屏幕发送数据
    • 从屏幕返回数据
    • 为屏幕添加抽屉导航
    • 设置深层链接
    • 为 Android 设置应用链接
    • 为 iOS 设置通用链接
    • 配置 Web URL 策略
    • 介绍
    • 教程
    • 隐式动画
    • 动画化容器的属性
    • 淡入淡出组件
    • 英雄动画
    • 动画化页面路由过渡
    • 使用物理模拟进行动画
    • 交错动画
    • 创建交错菜单动画
    • API 概述
    • 无障碍功能
    • 国际化
  • UI 之外
      • 介绍
      • 声明式思考
      • 瞬态与应用状态
      • 简单的应用状态管理
      • 选项
      • 概述
      • 从互联网获取数据
      • 发送认证请求
      • 向互联网发送数据
      • 通过互联网更新数据
      • 删除互联网上的数据
      • 与 WebSockets 通信
      • JSON 序列化
      • 在后台解析 JSON
      • 在磁盘上存储键值数据
      • 读取和写入文件
      • 使用 SQLite 持久化数据
      • 概述
      • 将 Firebase 添加到你的 Flutter 应用open_in_new
    • Google API
    • 介绍
    • 架构概念
    • 应用架构指南
      • 概述
      • UI 层
      • 数据层
      • 依赖注入
      • 测试每一层
    • 建议
    • 设计模式
    • 支持的平台
    • 使用 Flutter 构建桌面应用
    • 编写平台特定代码
      • 设置 Android 开发环境
      • 添加启动画面
      • 添加预测性返回
      • 绑定到原生代码
      • 托管原生 Android 视图
      • 调用 JetPack API
      • 启动 Jetpack Compose 活动
      • 在 Android 上恢复状态
      • 通过 Android 定位 ChromeOS
      • 设置 iOS 开发环境
      • 最新 iOS 上的 Flutter
      • 利用 Apple 系统库
      • 添加启动屏幕
      • 添加 iOS App Clip 支持
      • 添加 iOS 应用扩展
      • 绑定到原生代码
      • 托管原生 iOS 视图
      • 在 iOS 上启用调试
      • 在 iOS 上恢复状态
      • 设置 Linux 开发环境
      • 构建 Linux 应用
      • 设置 macOS 开发环境
      • 构建 macOS 应用
      • 绑定到原生代码
      • 托管原生 macOS 视图
      • Flutter 中的 Web 支持
      • 设置 Web 开发环境
      • 构建 Web 应用
      • 编译到 WebAssembly
      • 自定义应用初始化
      • 将 Flutter 添加到任何 Web 应用
      • Flutter 中的 Web 内容
      • Web 渲染器
      • 在 Web 上显示图片
      • Web 常见问题
      • 设置 Windows 开发环境
      • 构建 Windows 应用
    • 使用软件包与插件
    • 开发软件包与插件
      • 适用于应用开发者
      • 适用于插件作者
    • Flutter 精选
    • 软件包仓库open_in_new
    • 测试
    • 概述
      • 介绍
      • 模拟依赖项
      • 介绍
      • 查找组件
      • 模拟滚动
      • 模拟用户交互
      • 介绍
      • 编写并运行集成测试
      • 分析集成测试
    • 测试插件
    • 在测试中处理插件代码
    • 调试
    • 调试工具
    • 以编程方式调试你的应用
    • 使用原生语言调试器
    • 常见 Flutter 错误
    • 处理错误
    • 向服务报告错误
    • 概述
    • Impeller
    • 性能最佳实践
    • 应用大小
    • 延迟组件
    • 渲染性能
    • 性能分析
    • Web 性能分析
    • 性能指标
    • 并发与隔离区
    • 性能常见问题
    • 附录
    • 混淆 Dart 代码
    • 为 Android 创建应用 Flavor
    • 为 iOS 和 macOS 创建应用 Flavor
    • 构建并发布 Android 应用
    • 构建并发布 iOS 应用
    • 构建并发布 macOS 应用
    • 构建并发布 Linux 应用
    • 构建并发布 Windows 应用
    • 构建并发布 Web 应用
    • 设置持续部署
    • 介绍
      • 设置 Android 项目
      • 添加单个 Flutter 屏幕
      • 添加 Flutter Fragment
      • 添加 Flutter View
      • 使用 Flutter 插件
      • 设置 iOS 项目
      • 添加单个 Flutter 屏幕
    • 添加到 Web 应用
    • 调试嵌入式 Flutter 模块
    • 添加多个 Flutter 实例
    • 加载顺序和性能
    • Android Studio 与 IntelliJ
    • Visual Studio Code
      • 概述
      • 从 Android Studio 与 IntelliJ 运行
      • 从 VS Code 运行
      • 从命令行运行
      • Flutter 检查器
      • 旧版 Flutter 检查器
      • 性能视图
      • CPU 分析器视图
      • 内存视图
      • 调试控制台视图
      • 网络视图
      • 调试器
      • 日志视图
      • 应用大小工具
      • DevTools 扩展
      • 验证深层链接
      • 发布说明
    • Flutter 属性编辑器
    • SDK 概述
    • Flutter 的 pubspec 选项
    • 自动修复
    • 代码格式化
    • 架构概述
    • Flutter 内部原理
    • 理解约束
    • Flutter 的构建模式
    • 热重载
    • 常见问题
    • 书籍
    • 视频
    • 课程
    • 学习 Dart
    • 获取支持
      • 贡献给 Flutter
      • 创建有用的错误报告
      • 发现提议的功能
      • Dash 是谁?
      • 组件索引
      • 创建新应用
      • Flutter 命令行界面
      • API 文档open_in_new

观看 Google I/O 的录制主题演讲和分会!

选择您的开发平台以开始使用

  1. 开始使用 chevron_right
  2. 安装
Windows 标志
Windows
macOS 标志
macOS
Linux 标志
Linux
ChromeOS 标志
ChromeOS
info 在中国开发

如果你希望在中国使用 Flutter,请查看在中国使用 Flutter。如果你不在中国开发,请忽略此通知并遵循本页上的其他说明。

如果你正在中国的网络环境下配置 Flutter, 请参考 在中国网络环境下使用 Flutter 文档.

此页面内容有帮助吗?
感谢你的反馈!
feedback 提供详情
感谢你的反馈!请告诉我们如何改进。
bug_report 提供详情

除非另有说明,本网站文档反映的是 Flutter 的最新稳定版本。页面上次更新时间:2025-03-12。 查看源码 或 报告问题。

Flutter logo
除非另有说明,本网站内容均采用 知识共享署名 4.0 国际许可协议 授权,代码示例则采用 3 条款 BSD 许可协议。
  • 条款
  • 品牌
  • 隐私
  • 安全