Flutter Responsive Layout 是一个面向 Flutter 布局的技能，主要用途是构建或修复跨设备的自适应布局，并处理约束、断点、重叠、裁剪、方向与输入模式相关的问题。
用途与诊断 它强调从父组件提供的约束出发进行设计，而不是依据猜测的设备型号。诊断时，应在出现问题的视口上复现布局，同时考虑文字缩放和相关的平台界面元素；阅读第一个有意义的约束或溢出失败信息，并找出施加了不兼容尺寸的组件。当没有框架异常时，应检查受影响组件的几何与命中测试行为，而不是因为控制台无报错就认为布局可用。
主要规则
- 当子树响应局部约束时使用 LayoutBuilder；当行为依赖窗口或无障碍属性时使用 MediaQuery。
- 选择少量由内容驱动的断点，不要按具体设备名进行分支。
- 优先使用弹性约束、换行、滚动或替代组合，而不是固定宽高的补丁。
- 在大屏上保持可读的内容宽度，而不是拉伸每个元素。
- 当空间发生明显变化时，调整导航与信息密度。
- 尊重安全区域、显示特性、键盘内边距、文字缩放，以及指针和触摸两种输入方式。
- 在没有证据的情况下，避免在复杂且频繁更新的组件树上使用 IntrinsicHeight 或反复进行固有测量。
验证方式 应测试每个断点上下紧邻的边界宽度、较长的本地化字符串、大号文字、横屏，以及目标桌面和 Web 窗口尺寸。对于视觉断言能够可靠表达的回归，应添加聚焦的 widget 测试或 golden 测试。
重叠与裁剪 当组件发生重叠、被裁剪或遮挡某个操作时，需参考几何、视口与固定测试的相关说明。应为重要组件定义明确的空间关系，而不是把每个相交的渲染盒都视为缺陷。
相关参考 当涉及自适应导航时，应参考自适应导航模式的相关说明。
资料来源 资料中提及 Adaptive and responsive design 与 Building responsive layouts，但未提供其具体链接或详细内容。关于安装命令、代码示例、收费与价格、平台支持范围等信息，资料中暂未提供。