flutter - 如何让 Flutter 应用程序响应所有类型的屏幕？

Question

我的意思是，是否有一些原则可以让应用程序在所有屏幕上运行？我知道，例如，尽可能多地使用 MediaQueries.of(context).size.width 和 height 的倍数来为容器提供大小是一件好事，但有时我们需要提供一些固定大小，以像素为单位。在这些情况下，大多数时候会出现溢出。那么为了构建响应式应用程序，是否有一些规则可以遵循，或者是根据具体情况并根据情况提供一些解决方案。

Answer 1

创建具有响应式设计的 Flutter 应用程序有两种基本方法:

使用 LayoutBuilde r 类:从它的 builder 属性，你得到一个 BoxConstraints。检查约束的属性以确定要显示的内容。例如，如果您的 maxWidth 大于您的宽度断点，则返回一个 Scaffold 对象，其中一行的左侧有一个列表。如果它更窄，则返回一个带有包含该列表的抽屉的 Scaffold 对象。您还可以根据设备的高度、纵横比或其他一些属性调整您的显示。当约束发生变化时(例如，用户旋转手机，或将您的应用放入 Nougat 中的磁贴 UI)，构建函数将重新运行。

在构建函数中使用 MediaQuery.of() 方法:这会为您提供当前应用的大小、方向等。如果您想根据完整的上下文而不是仅根据特定小部件的大小做出决策，这将更有用。同样，如果您使用它，那么如果用户以某种方式更改了应用程序的大小，您的构建函数将自动重新运行。

如果您想动态调整应用程序的显示，这些其他小部件也可能有用:

AspectRatio可让您强制子部件具有特定的纵横比。

FittedBox缩放它的 child 以适应。

CustomMultiChildLayout让您根据传入的尺寸布置您的 child 。

来源:https://github.com/flutter/flutter/wiki/Creating-Responsive-Apps .

希望对您有所帮助。干杯