翩翩UI的正确缩放方式是什么？

Question

根据屏幕的大小，最正确的缩放UI的方式是什么？我看到这么多不同版本的人说什么是正确的或什么是不好的方式来实现这样的事情.我一直在使用一个tehnique，你打破了屏幕成100块，然后使用百分比来实现相同的 "大小 "在所有显示-&gt。https:/medium.comflutter-communityflutter-effectively-scale-ui-according-todifferent-screen-sizes-2cb7c115ea0a。 但我也看到有人用扩张和Flex？谁能给我指出正确的做法？我已经通过文档搜索，但我似乎无法找到一个具体的答案。谢谢!

Answer 1

有两种基本的方法来创建具有响应式设计的Flutter应用程序。Responsive 意味着它能自适应不同的屏幕尺寸。

以下是两种方法。

1.

使用 LayoutBuilder 类 从它的 builder 属性中，你可以得到一个 BoxConstraints 对象。检查约束的属性来决定显示什么。

2.

使用 MediaQuery.of() 方法在您的构建函数中，这将为您提供当前应用程序的大小，方向等。

关于在Flutter中构建响应式应用的更多细节，请查看下面的链接，它将引导至 Flutter Official Documentation.

构建响应式应用的Flutter文档

希望对大家有所帮助。