Flutter 中的自适应与响应式设计
创建能响应尺寸与方向变化、并充分利用各平台的应用（移动端或 Web）很重要。
Flutter 的主要目标之一是创建框架，让你从单一代码库开发在任何平台都出色好看的应用。
这意味着应用可能出现在多种尺寸的屏幕上，从手表、双屏折叠手机到高清显示器。输入设备可能是实体或虚拟键盘、鼠标、触摸屏或其他多种设备。
描述这些设计概念的两个术语是 adaptive（自适应）与 responsive（响应式）。理想情况下，你希望应用 兼具两者，但这究竟意味着什么？
什么是响应式与自适应？
#一个简单的理解是：响应式设计关乎让 UI 融入 空间，自适应设计关乎 UI 在空间内 可用。
因此，响应式应用调整设计元素位置以 适应 可用空间；自适应应用选择合适布局与输入设备，以便在可用空间内 可用。例如，平板 UI 应使用底部导航还是侧边面板导航？
本节涵盖自适应与响应式设计的多个方面：
本页内容对你有帮助吗？
除非另有说明，本文档之所提及适用于 Flutter 3.44.0 版本。本页面最后更新时间：2026-06-04。查看文档源码 或者 为本页面内容提出建议。