如何让 Flutter 应用 UI 响应不同的屏幕尺寸 [Flutter]？答案

【问题标题】：How to make flutter app UI responsive for different screen sizes [Flutter]?如何让 Flutter 应用 UI 响应不同的屏幕尺寸 [Flutter]？
【发布时间】：2021-12-08 01:24:19
【问题描述】：

我尝试了这些包 Sizer/screenUtil 来做出响应，但它的效果与我想要的不同。请帮助我摆脱困境。

【问题讨论】：

请澄清您的具体问题或提供更多详细信息以准确突出您的需求。正如目前所写的那样，很难准确地说出你在问什么。

标签： flutter user-interface responsive-design sizer

【解决方案1】：

您好，您尝试过使用 MediaQuery 类吗？

https://api.flutter.dev/flutter/widgets/MediaQuery-class.html

希望对你有所帮助。

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。
使用 screenutil 包解决的问题。谢谢回答我的问题。但它解决了。

【解决方案2】：

您可以在您正在使用的Row() 或Column() 上添加mainAxisAlignment: 和mainAxisAlignment: MainAxisAlignment.spaceEvenly, 或mainAxisAlignment: MainAxisAlignment.spaceBetween, 之类的属性。它应该至少可以使用，而像 ScreenUtil() 或 Sizer() 这样的颤振包不起作用，而且 Note: This plugin is still under development, and some APIs might not be available yet. 这个消息是写在 flutter.pub.get 网站上的，所以它更好用其他人，而它不能正常工作。

【讨论】：