Flutter
Flutter全流程开发与调试助手
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Flutter。 它的用途是：Flutter全流程开发与调试助手 完整的 Skill 内容见：https://321skill.com/skills/flutter-x-7/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我修复这个Flutter页面中ListView溢出问题，报错信息是RenderFlex overflowed，当前代码是Row(children:[Text('hello'), Icon(Icons.star)])'，它会分析Row布局中缺少Expanded导致溢出，建议将其中一个子组件用Expanded包裹，并给出修正后的代码。
介绍
这个 Skill 专为解决 Flutter 开发中的高频痛点而生。当你遇到 RenderFlex 溢出、viewport 无界高度、RenderBox 未布局等布局约束错误时；当 setState 在 build 或 dispose 后调用、BuildContext 跨异步间隙使用、热重载失效时；当 Provider/Riverpod/Bloc 状态管理重建过多或过少、Navigator/go_router 路由与深层链接处理异常、键盘遮挡表单字段、平台通道抛出 MissingPluginException、本地化或 RTL 布局适配失败、widget/golden/integration 测试在 CI 中挂起或失败、debug 构建正常但 release APK/IPA/Web 包崩溃时——它都能提供精准的诊断和修复方案。
使用时，将你的报错信息、代码片段或需求描述直接告诉 AI，它会基于 Flutter 官方最佳实践和常见模式，给出具体代码修改建议、配置调整方法或测试用例。例如，针对“RenderFlex overflowed”错误，它会分析你的 Row/Column 布局中是否缺少 Expanded 或 Flexible，并给出修正后的代码。
适合所有 Flutter 开发者：移动端前端开发、全栈工程师、测试工程师，尤其是需要快速排查布局、状态、性能、路由、平台通道、本地化、测试等复杂问题的场景。无论是刚入门的新手还是经验丰富的开发者，都能从中获得高效的调试支持。
注意：本 Skill 专注于 Flutter 和 Dart 生态，不适用于 React Native 或纯原生 Swift/Kotlin 开发。使用时建议提供完整的上下文（如报错栈、相关代码片段、Flutter 版本），以获得更精准的解答。
核心特点
不同于通用代码助手，它深度覆盖 Flutter 特有的 20+ 类错误场景（布局约束、状态生命周期、热重载、平台通道、测试挂起、release 构建差异等），每个场景都配有针对性的诊断逻辑和修复模板。
注意事项
不适用于 React Native 或纯原生 Swift/Kotlin 开发。
常见问题
Flutter RenderFlex overflowed 怎么解决？
通常是因为 Row/Column 中未使用 Expanded 或 Flexible 包裹子组件，导致溢出。检查父容器是否设置了固定宽度/高度，或使用 Expanded 让子组件弹性伸缩即可。
Flutter hot reload 不生效怎么办？
常见原因：代码有语法错误、使用了全局变量或静态变量、修改了 native 代码或 assets 资源。先检查控制台是否有编译错误，尝试 hot restart 或 clean build。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/flutter-x-7/raw/index.md 读取 Flutter 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/flutter-x-7/raw/index.md（查看排版版本）