在颤动中，如何通过百分比设置高度或宽度？

Question

需要了解颤振中的一件事，是否可以用％定义高度/宽度？我正在关注一些教程，但最后，我注意到UI没有响应，所以我认为最好的方法是按百分比固定高度或宽度。

我们可以简单地以SizedBox

为例

SizedBox(height: 20,)

如何在此SizedBox中显示5％的高度？或其他任何使高度响应的最佳解决方案？

Answer 1

您可以使用FractionallySizedBox代替SizedBox。

Ex

FractionallySizedBox(heightFactor: 1, widthFactor: 0.25,
  child: Container(color: Colors.orange)),

Answer 2

您可以访问MediaQuery属性

h = MediaQuery.of(context).size.height
w = MediaQuery.of(context).size.width

myWidgetHeight = h * 0.35

当您想获取应用正在处理的屏幕尺寸并使用小部件属性以外的功能进行操作时，这很有用