Flutter 中的自适应和响应式设计

List of supported platforms

Flutter 的主要目标之一是创建一个框架,使您能够从单个代码库开发应用程序,这些应用程序在任何平台上都能看起来很棒。

这意味着您的应用程序可能会出现在各种尺寸的屏幕上,从手表到具有两个屏幕的可折叠手机,再到高清显示器。您的输入设备可能是物理键盘或虚拟键盘、鼠标、触摸屏或任何其他设备。

描述这些设计理念的两个术语是自适应响应式。理想情况下,您希望您的应用程序同时具备这两个特性,但具体来说,这意味着什么呢?

响应式和自适应的区别是什么?

#

一个简单的理解方式是,响应式设计是关于将 UI 适应到空间中,而自适应设计是关于 UI 在空间中可用

因此,响应式应用程序会调整设计元素的布局以适应可用空间。而自适应应用程序会选择合适的布局和输入设备,以便在可用空间中可用。例如,平板电脑 UI 应该使用底部导航还是侧边栏导航?

本节涵盖了自适应和响应式设计的各个方面