Flutter 中的自适应和响应式设计
Flutter 的主要目标之一是创建一个框架，使您可以从单个代码库开发应用程序，并在任何平台上都能获得良好的外观和感觉。
这意味着您的应用程序可能会出现在各种尺寸的屏幕上，从手表到具有两个屏幕的可折叠手机，再到高清显示器。您的输入设备可能是物理键盘或虚拟键盘、鼠标、触摸屏或许多其他设备。
描述这些设计概念的两个术语是 自适应 和 响应式。理想情况下，您希望您的应用程序 兼具两者，但这究竟意味着什么呢？
响应式与自适应的区别是什么？
#一个简单的理解方法是，响应式设计是关于将 UI 适应 空间，而自适应设计是关于 UI 在空间中 可用。
因此，响应式应用程序会调整设计元素的位置以 适应 可用空间。自适应应用程序会选择合适的布局和输入设备，以便在可用空间中 可用。例如，平板电脑 UI 应该使用底部导航还是侧边栏导航？
本节涵盖了自适应和响应式设计的各个方面：
除非另有说明，否则本网站上的文档反映的是 Flutter 的最新稳定版本。页面最后更新于 2025-01-30。 查看源代码 或 报告问题。