使用 AI 创建
了解如何使用 AI 构建 Flutter 应用:从将 AI 功能直接集成到应用中的强大 SDK,到加速开发工作流的工具。
本指南介绍如何利用 AI 工具为 Flutter 应用构建 AI 驱动功能,并简化 Flutter 与 Dart 开发流程。
AI 既可用于用 Flutter 构建 AI 驱动应用,也可用于加速开发工作流。
你可以使用 Firebase 生成式 AI SDK 等强大 SDK,将自然语言理解与内容生成等 AI 功能直接集成到 Flutter 应用中。
你还可以使用 Gemini Code Assist、Gemini CLI 等 AI 工具,辅助代码生成与项目脚手架搭建。
这些工具由 Dart 与 Flutter MCP 服务器驱动,为 AI 提供关于代码库的丰富上下文。
适用于 Gemini CLI 的 Flutter 扩展便于你使用官方规则、 MCP 服务器与自定义命令来构建应用。
此外,规则文件有助于微调 AI 行为,并落实项目特定的最佳实践。
使用 Flutter 构建 AI 驱动体验
#在 Flutter 应用中使用 AI 可解锁新用户体验,使应用支持自然语言理解与内容生成。
要在 Flutter 中开始构建 AI 驱动体验,请参阅以下资源:
-
Firebase AI Logic Showcase — 通过一系列交互式演示展示 Firebase AI Logic 能力的应用。
-
Firebase AI Logic — 在 Flutter 中直接使用生成式 AI 功能的官方 Firebase SDK。兼容 Gemini Developer API 或 Vertex AI。入门请参阅 官方文档。
-
Genkit Dart — 在 Dart 与 Flutter 中构建 AI 功能的开源框架,支持多种模型提供商、类型安全 schema 与内置可观测性。入门请参阅 快速入门指南。
-
Flutter AI Toolkit — 附带预构建 widget 的示例应用,帮助你在 Flutter 中构建 AI 功能。
AI 开发工具
#AI 不仅是应用中的功能,也可成为开发工作流中的得力助手。 Antigravity、Gemini Code Assist、Gemini CLI、Claude Code、 Cursor 与 Windsurf 等工具能帮你更快写代码、理解复杂概念并减少样板代码。
适用于 Flutter 的 GenUI SDK
#GenUI SDK 将基于文本的对话转化为丰富的交互体验。本质上,它作为编排层,协调用户、Flutter widget 与 AI 智能体之间的信息流。
了解更多请访问 适用于 Flutter 的 GenUI SDK 文档。
Genkit Dart
#Genkit Dart
#Genkit Dart 是用于在 Dart 与 Flutter 中构建 AI 应用的开源、与模型无关的框架。它提供结构化方式将 AI 功能集成到应用中,并支持 Google Gemini、Anthropic Claude、OpenAI 等多种模型提供商。
主要特性包括:
-
与模型无关的 API:以最少代码变更在不同 AI 提供商之间切换。
-
类型安全 schema:使用
schemantic软件包为 AI 交互定义强类型输入与输出。 -
Flows:可测试、可观测、可部署的函数,以类型化输入输出封装 AI 逻辑。
-
Tools:定义模型可调用的函数以获取实时数据或执行操作。
-
开发者 UI:内置 Web UI,用于测试提示词、查看执行轨迹与调试 flow。
Genkit Dart 支持 Flutter 的多种部署架构,包括在应用内完全运行 AI 逻辑、从 Flutter 调用后端 flow,或通过 Genkit 后端代理模型请求。
入门请参阅 Genkit Dart 快速入门。
Antigravity
#Antigravity
#Antigravity 是一款 IDE 内的 AI 智能体,可以读写代码、运行终端命令,并帮助你构建复杂功能。部分能力包括:
-
智能体能力:与基于聊天的助手不同,Antigravity 可主动编辑文件并运行终端命令以完成任务。
-
复杂推理:它能规划并执行多步工作流,适合较大规模的重构或功能实现。
-
验证:它能运行测试并验证自身修改,以确保正确性。
了解更多请参阅 AI 编程助手 指南。
Gemini Code Assist
#Gemini Code Assist
#Gemini Code Assist 是适用于 Visual Studio Code、JetBrains IDE、Android Studio 等 IDE 的 AI 协作工具。它深度理解项目代码库,可帮助你:
-
代码补全与生成:根据你正在编写的内容的上下文建议并生成完整代码块。
-
编辑器内聊天:你可以在 IDE 内直接询问代码、Flutter 概念或最佳实践相关问题。
-
调试与解释:遇到错误时,可请 Gemini Code Assist 解释并建议修复方案。
了解更多请参阅 AI 编程助手 指南。
Gemini CLI
#Gemini CLI
#Gemini CLI 是一款命令行 AI 工作流工具。你无需离开开发环境即可与 Gemini 模型交互以完成多种任务。你可以用它:
-
快速搭建新的 Flutter widget、Dart 函数或完整应用。
-
使用 MCP 服务器工具,例如 Dart 与 Flutter MCP 服务器
-
自动化提交并将变更推送到 Git 仓库等任务
入门请访问 Gemini CLI 网站,或尝试这篇 Gemini CLI codelab。
适用于 Gemini CLI 的 Flutter 扩展
#
适用于 Gemini CLI 的 Flutter 扩展 将
Dart 与 Flutter MCP 服务器 与规则和命令结合。它使用默认的 Flutter 与 Dart AI 规则,并添加 /create-app、/modify 等命令以对应用进行结构化修改,同时自动配置 Dart 与 Flutter MCP 服务器。
运行以下命令即可安装:
gemini extensions install https://github.com/gemini-cli-extensions/flutter
了解更多请参阅 适用于 Gemini CLI 的 Flutter 扩展。
Dart 与 Flutter MCP 服务器
#要在 Flutter 开发中提供辅助,AI 工具需要与 Dart 与 Flutter 开发者工具通信。 Dart 与 Flutter MCP 服务器促成这一通信。 MCP(model context protocol,模型上下文协议)规范说明开发工具如何与 AI 模型共享用户代码上下文,从而使 AI 更好地理解并与代码交互。
Dart 与 Flutter MCP 服务器将 AI 助手直接连接到开发环境,释放其全部潜力。它使 AI 能够:
-
内省 widget 树:可视化并调试运行中应用的布局问题。
-
管理依赖:在 pub.dev 搜索软件包并添加到项目。
-
控制运行时:触发热重载与重启以即时查看变更。
-
修复复杂错误:结合深度上下文分析静态与运行时错误。
这在 AI 的自然语言理解与 Dart、Flutter 开发者工具套件之间架起桥梁。
入门请参阅 Dart 与 Flutter MCP 服务器 官方文档。
Flutter 与 Dart 规则
#你可以在 AI 驱动的编辑器中使用规则文件,为底层 LLM 提供上下文与指令。入门请参阅 Flutter 与 Dart AI 规则 指南。
除非另有说明,本文档之所提及适用于 Flutter 3.44.0 版本。本页面最后更新时间:2026-06-04。查看文档源码 或者 为本页面内容提出建议。