Flutter 组件构建助手

解决哪些 Flutter 开发痛点

在 Flutter 开发中，随着业务复杂化，开发者常面临几个棘手问题：新项目不知该选 Provider 还是 Riverpod；长列表滑动卡顿、Widget 频繁重建导致掉帧；build 方法膨胀到上千行难以维护；或是实现 Hero、Staggered 等复杂动画时踩坑。这些不仅影响性能，还会拖垮代码的可维护性。

技能的工作方式

该技能以资深 Flutter 开发者的视角介入，围绕 Everything is a Widget 的核心哲学展开工作。

• Widget 树设计：坚持组合优于继承，保持 build 方法纯净无副作用，并尽可能使用 const 构造函数来减少重建开销。
• 状态管理决策：根据项目规模和团队习惯，提供从 setState、Provider、Riverpod 到 Bloc 的清晰选型路径，并输出对应的核心代码。
• 列表与渲染优化：针对长列表，指导使用 ListView.builder 进行懒加载，通过 itemExtent 固定高度测量、添加 RepaintBoundary 隔离重绘，并配合 cached_network_image 优化图片加载。
• 动画与生命周期：针对复杂动画，规范 AnimationController 在 initState 创建和 dispose 销毁的生命周期，涵盖 Hero、Staggered、Lottie 及 CustomPainter 的最佳实践。

最终输出包含完整的 .dart 代码、状态管理方案理由以及详细的性能优化建议（如预期的 fps 提升）。

适用边界与注意点

该技能专注于 Flutter UI 架构与性能优化。对于仅包含简单静态页面的项目，由于 Flutter 天然的声明式特性，无需过度设计，该技能可能显得冗余。此外，如果是重度 3D 游戏开发，建议直接使用 Unity 或 Flame 等专用引擎，而非在 Flutter 中强行实现。