flutter-implementation

Flutter UI 实现

遵循宿主项目的约定，实现已批准的体验。

编辑前

1. 确认视觉方向、行为、状态矩阵和验收标准。如果缺少这些内容且相关选择影响重大，请返回 $flutter-design。
2. 检查相邻屏幕、主题、路由、状态管理、生成代码规则、测试风格和当前工作区变更。
3. 只阅读相关参考资料：references/flutter-architecture.md、references/adaptive-layouts.md、references/navigation-and-input.md 和 references/states-and-feedback.md。 如果一个界面涉及多个领域或数据源，请阅读 references/connected-product-workflows.md。

实现

• 在易于通过单个文件视图理解的边界处分离编排、领域状态和展示组件。
• 优先使用约束和布局原语，而非设备名称判断或固定坐标。
• 复用语义化主题角色和既有组件。
• 保留回调、验证、分析、导航、持久化和后端契约。
• 实现所有适用的加载、空、部分、错误、离线、禁用、破坏性操作和成功状态。
• 将焦点、语义、键盘行为、触控目标、文本缩放、RTL 和减少动态效果纳入实现。
• 确保动画可中断，并避免在构建、布局和绘制路径中执行高开销操作。
• 在工作区存在未提交变更时，保留与任务无关的用户修改。

验证

1. 运行项目的格式化工具、分析器以及相关的单元、组件和黄金测试。
2. 渲染具有代表性的紧凑和展开布局、支持的主题以及关键状态。
3. 对视觉上重要的工作调用 $flutter-accessibility 和 $flutter-visual-qa。
4. 根据重要发现进行改进，然后重新运行受影响的检查。

交付

开头先说明为用户做了哪些改动。列出关键文件、保留的行为、运行的检查、检查过的渲染组合，以及尚存的环境限制。