抖动中所有设备的填充

Question

我想为所有移动设备提供填充。我给一个填充。但这仅适用于我测试过的设备。如果我使用其他设备，则无法正常工作。我曾经这样：

padding: EdgeInsets.only() and 
padding: EdgeInsets.all() 

我使用过的这两个功能。 有没有办法做出回应？如果我提供填充，那么它将适用于所有设备，例如CSS中的百分比。

它不适合屏幕。

但是在小屏幕上很合适！

Answer 1

您可以使用Align和heightFactor之类的小部件，例如widthFactor来进行百分比填充：

Align(
  heightFactor: .30,
  widthFactor: .30,
  child: child,
)

这将使Align的尺寸比其子尺寸大30％。并在该空间内对齐其子项。

您可以玩align属性来实现不同的行为。

Answer 2

MediaQuery.of（context）.size.width和MediaQuery.of（context）.size.height允许您找出设备的宽度和高度，以便您可以以该宽度和高度的百分比提供填充，因此您可以在每台设备上保持该比率。