用途
Flutter Implementation 是来自 flutter-design-engineer 技能的 Flutter UI 实现环节,目标是在宿主项目自身的约定内实现已批准的体验,产出面向生产的 Flutter 界面。
主要能力
- 编辑前先确认视觉方向、行为、状态矩阵与验收标准;若缺失且选择影响重大,则返回 $flutter-design。
- 检查相邻页面、主题、路由、状态管理、生成代码规则、测试风格与当前工作区改动。
- 按需阅读相关参考资料:references/flutter-architecture.md、references/adaptive-layouts.md、references/navigation-and-input.md、references/states-and-feedback.md;当单一界面组合多个领域或数据源时阅读 references/connected-product-workflows.md。
使用方式
实现时,在保持单文件可理解性的边界上分离编排、领域状态与展示组件;优先使用约束和布局原语,而非设备名判断或固定坐标;复用语义化主题角色与既有组件;保留回调、校验、分析、导航、持久化与后端契约;实现所有适用的加载、空、部分、错误、离线、禁用、破坏性与成功状态;将焦点、语义、键盘行为、触控目标、文本缩放、RTL 与减弱动画纳入实现;保持动画可中断,避免在 build、layout、paint 路径中执行昂贵工作;保留工作区中无关的用户改动。
适用场景
适用于在 Flutter 宿主项目中实现已批准的界面方案,尤其是需要遵循项目原生架构、适配布局、完整状态覆盖与无障碍要求的界面开发工作。
验证与交付
验证时运行项目格式化工具、分析器及相关单元、组件、golden 测试;渲染代表性的紧凑与展开布局、支持的主题及关键状态;对视觉重要的工作调用 $flutter-accessibility 与 $flutter-visual-qa;修正重要发现后重跑受影响的检查。交付时先说明对用户而言的变化,再列出关键文件、保留的行为、运行的检查、检查过的渲染组合与剩余的环境限制。
限制
该技能依赖宿主项目已有的约定与工具链;参考资料的具体内容与各检查命令暂未提供。