跳转至正文

使用 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 不仅是应用中的功能,也可成为开发工作流中的得力助手。 AntigravityGemini Code AssistGemini CLIClaude CodeCursorWindsurf 等工具能帮你更快写代码、理解复杂概念并减少样板代码。

适用于 Flutter 的 GenUI SDK

#

GenUI SDK 将基于文本的对话转化为丰富的交互体验。本质上,它作为编排层,协调用户、Flutter widget 与 AI 智能体之间的信息流。

Watch on YouTube in a new tab: "Getting started with GenUI"

了解更多请访问 适用于 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 可主动编辑文件并运行终端命令以完成任务。

  • 复杂推理:它能规划并执行多步工作流,适合较大规模的重构或功能实现。

  • 验证:它能运行测试并验证自身修改,以确保正确性。

Watch on YouTube in a new tab: "Flutter + Antigravity in 10 minutes"

了解更多请参阅 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 服务器

运行以下命令即可安装:

bash
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 规则 指南。