Flutter
一站式解决Flutter应用开发、调试与发布全流程问题
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Flutter。 它的用途是：一站式解决Flutter应用开发、调试与发布全流程问题 完整的 Skill 内容见：https://321skill.com/skills/flutter-x/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我的Flutter列表页面在快速滚动时出现明显卡顿，如何分析和优化？’ 它会引导你检查是否在build方法中进行了耗时操作、图片缓存是否正确、是否使用了合适的ListView.builder以及如何利用Flutter性能工具（如DevTools的Performance视图）来定位Jank帧。或者
对AI说：‘我在使用go_router进行深链接跳转时，在Android上无法正常打开指定页面。’ 它会帮你检查AndroidManifest.xml中的intent-filter配置是否正确，并验证go_router的路由路径定义与传入的URI是否匹配。
介绍
这个Skill专为Flutter开发者设计，旨在解决从代码编写到应用上架全链路中遇到的各种棘手问题。它覆盖了UI构建、状态管理、性能调优、路由导航、测试调试、多平台发布等核心环节，是Flutter开发的强力助手。
当你遇到诸如RenderFlex溢出、setState调用时机错误、UI卡顿、热重载失效、状态管理库过度重建、路由跳转异常、键盘遮挡输入框、平台通道MissingPluginException、国际化适配、测试用例失败、或Debug正常但Release包异常等具体问题时，都可以向它寻求解决方案。它能够理解Flutter框架的底层原理和常见陷阱，提供精准的诊断和修复建议。
它非常适合正在使用Flutter框架进行跨平台应用开发的工程师，无论是初学者在构建第一个页面时遇到布局困惑，还是资深开发者在优化复杂应用性能、处理平台特定问题或准备应用商店发布时，都能从中获得帮助。
使用建议：在提问时，尽量详细描述你遇到的问题现象、错误日志和相关的代码片段（如widget树结构），这有助于Skill给出更针对性的答案。对于复杂的性能或架构问题，可以分步骤咨询，例如先定位问题根因，再寻求优化方案。
核心特点
与通用的编程助手不同，它深度聚焦于Flutter/Dart技术栈，能精准识别并解决Flutter特有的框架层错误（如布局约束、BuildContext使用、平台通道异常）和性能问题（如Jank、内存泄漏），并提供从编码到发布的全流程指导。
注意事项
不适用于React Native、原生Swift/Kotlin开发或其他非Flutter/Dart技术栈的项目。
常见问题
如何解决Flutter中‘A RenderFlex overflowed by xx pixels on the right’错误？
这通常是布局约束问题，可以检查Column/Row中的子组件是否在有限空间内无限扩展，尝试使用Expanded、Flexible或ListView等可滚动组件包裹。
Flutter应用在Debug模式正常，但Release包崩溃怎么办？
常见原因包括ProGuard/R8混淆问题、平台特定代码未正确配置、或依赖项版本不兼容。建议检查release构建配置、平台通道实现，并查看设备日志获取具体崩溃堆栈。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/flutter-x/raw/index.md 读取 Flutter 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/flutter-x/raw/index.md（查看排版版本）