SuperAPI AI 工具集

flutter-fix-layout-issues

智能体与模型

查看项目

更新于 10-15 21:55

技能介绍

用途:该技能用于诊断并修复 Flutter 布局约束错误,借助 Dart 与 Flutter MCP 工具,在出现溢出、无界约束等报错时提供排查与修复流程。

主要能力:识别常见错误签名,包括“Vertical viewport was given unbounded height”(可滚动组件放在无界垂直父级中)、“An InputDecorator...cannot have an unbounded width”(输入框放在无界水平父级中)、“RenderFlex overflowed”(子组件请求尺寸超过父级约束)、“Incorrect use of ParentData widget”(ParentDataWidget 未作为所需祖先的直接子级)以及“RenderBox was not laid out”(级联副作用错误,应忽略并向上查找主因)。

使用方式:在 debug 模式运行应用捕获布局异常,识别主错误信息,按错误类型套用条件修复:无界高度时用 Expanded 或 SizedBox 包裹可滚动子组件;无界宽度时用 Expanded 或 Flexible 包裹输入框;溢出时用 Expanded 或 Flexible 约束子组件;ParentData 使用错误时将其移到所需父级的直接子级。随后执行 Flutter 热重载,检查界面确认错误消失,若出现新错误则重复流程。

适用场景:Flutter 开发中调试布局约束问题,尤其是 Row、Column、ListView、GridView、TextField 等组件组合引发的报错。

限制:资料未提供该技能的安装命令、收费、价格、支持平台或效果保证等信息。