Flutter 布局问题修复
原名:flutter-fix-layout-issues
定位 RenderFlex 溢出、无界约束和滚动嵌套等常见布局错误。
中文 Skills 技能说明
适合页面出现黄黑条、组件被截断或视口约束异常。技能优先读取真实错误和组件树,再做最小修改;Flutter MCP 可辅助定位但不是必需条件,修复后要在原问题尺寸和相邻尺寸复测。
上游能力依据
上游原始适用说明:Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools. Use when addressing "RenderFlex overflowed", "Vertical viewport was given unbounded height", or similar layout issues.
上游 SKILL.md 主要章节(保留原文标题):
- Contents
- Constraint Violation Diagnostics
- Layout Error Resolution Workflow
- Task Progress
- Examples
- Fixing Unbounded Height (ListView in Column)
- Fixing Unbounded Width (TextField in Row)
- Fixing RenderFlex Overflow
使用边界
先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时,必须在执行前人工确认。
作者、翻译与许可证
- 原作者
- The Flutter Authors 与 flutter/agent-plugins contributors
- 中文翻译
- CEOFans翻译
- 许可证
- BSD-3-Clause
- 上游来源
- https://github.com/flutter/agent-plugins/tree/864cf8797b190ddb81e4875db6dd6bab89641f62/skills/flutter-fix-layout-issues
适用范围
平台:linux、macos、windows;标签:设计与前端、Flutter 布局问题修复
安全提示
基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件,请在最小权限环境中使用,高风险操作必须人工确认。
如发现侵权、许可证或安全问题,可在本页前台提交投诉,管理员复核后可立即下架。