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