填充所有设备的填充物

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允许您找出设备的宽度和高度，以便您可以提供该宽度和高度的百分比填充，以便您可以保持每个设备的比例。