如何根据屏幕大小抖动设置小部件位置

Question

我有一个小部件，我希望它根据屏幕尺寸在屏幕边缘有一个特定的空间。我已经尝试过MediaQuery，但这没有帮助。因为我想根据分辨率留一个空间。这是我尝试过的：

MediaQuery.of(context).size.width - 50,

这就是我想要做的

我该怎么做？

Answer 1

您可以将屏幕的宽度存储到字段中，以便在任何地方轻松使用它。为了拥有动态空间，您可以像Hamza的注释中所述：

double mWidth;
  @override
  Widget build(BuildContext context) {
    mWidth= MediaQuery.of(context).size.width;
    return Scaffold(
      body: Container(
        width: mWidth,
        margin: EdgeInsets.all(mWidth * 0.01),
       ),
    );
}

Answer 2

如@Hamza所述，您可以使用百分比来获得相对大小。 here中有一个关于此问题的博客。

    Container(
        height: MediaQuery.of(context).size.height * 0.01, // like this.
     );