Flutter
一站式解决Flutter应用开发、调试与发布全流程问题
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:Flutter。 它的用途是:一站式解决Flutter应用开发、调试与发布全流程问题 完整的 Skill 内容见:https://321skill.com/skills/flutter-x-4/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'我的Flutter列表在滚动时出现明显卡顿,特别是在快速滑动时,该如何定位和优化?',它会分析可能的原因,如构建函数过于频繁、图片未缓存、列表项过于复杂等,并提供具体的性能分析工具使用建议(如Flutter DevTools中的性能视图)和优化代码方案(如使用ListView.builder、const构造函数、图片缓存库等)。
介绍
本Skill专为Flutter开发者设计,旨在解决从编码、调试到发布上架全链路中遇到的各种棘手问题。它覆盖了Widget编写、布局约束、状态管理、导航、性能优化以及应用商店发布等核心环节。
当你遇到UI渲染错误(如RenderFlex溢出、RenderBox未布局)、状态管理异常(如setState调用时机不当)、性能问题(如UI卡顿、内存泄漏)、热重载失效、路由问题(如Navigator或go_router使用)、平台通道异常(如MissingPluginException)、多语言与布局适配、测试失败,或调试版正常但发布版崩溃等情况时,都可以向它寻求帮助。
它最适合正在使用Flutter(Dart)框架进行跨平台移动应用、Web应用或桌面应用开发的工程师,无论是初学者还是资深开发者,都能从中获得精准的解决方案。
建议在提问时,尽可能详细地描述错误现象、复现步骤、相关代码片段以及Flutter/Dart版本信息,这有助于获得更精确的解答。请注意,它不适用于React Native或纯原生Swift/Kotlin开发的问题。
核心特点
与通用编程助手相比,它深度聚焦于Flutter/Dart技术栈,能精准识别并解决该框架特有的、高度具体的运行时错误和开发陷阱,例如RenderFlex溢出、BuildContext跨异步间隙使用等典型问题。
注意事项
不适用于React Native、纯原生Swift/Kotlin或其他非Flutter/Dart技术栈的开发工作。
常见问题
如何解决Flutter中常见的'RenderFlex overflowed'错误?
通常是由于子Widget在Row/Column等弹性布局中尺寸超出约束,可通过使用Expanded、Flexible、ListView或检查父容器约束来解决。
Flutter应用在调试模式正常,但发布版(APK/IPA)崩溃怎么办?
可能涉及ProGuard/R8混淆、原生插件缺失、资源未打包或发布模式下的特定优化问题,需检查构建配置、插件集成和发布日志。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/flutter-x-4/raw/index.md 读取 Flutter 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/flutter-x-4/raw/index.md(查看排版版本)