颤振相同尺寸值小部件在Android和IOS上具有不同的实际尺寸答案

【问题标题】：flutter same size value widget has different actual size on Android and IOS颤振相同尺寸值小部件在Android和IOS上具有不同的实际尺寸
【发布时间】：2021-04-20 06:03:07
【问题描述】：

我定义一个正方形如下： Center(child: Container(width: 100, height: 100, color: Colors.red));

我在三款手机上进行了测试：小米 MI 10、小米 MI 6 和 iPhone 6S。

在 MI 10 和 MI 6 上，正方形大小看起来完全一样。但是在 iPhone 6S 上，这个正方形看起来明显小于小米 10 和小米 6。那么问题来了：如何才能在 Android 和 IOS 上获得相同的屏幕尺寸正方形？

【问题讨论】：

尝试使用 mediaQuery 给出与设备尺寸相关的尺寸。
这是常见问题，您可以使用 mediaQuery 或参考此给定链接 - stackoverflow.com/questions/49553402/flutter-screen-size
但我确实希望在不同平台上拥有完全相同的物理方形屏幕尺寸，例如 3cm x 3cm。使用 MediaQuery 似乎不能有这样的效果。

标签： android ios flutter

【解决方案1】：

当您完成后，给定恒定的高度和宽度，这将在不同设备上产生问题，因为其他设备具有不同的尺寸。您应该使用Media Query 来指定高度和宽度，因为它将根据设备大小设置这些属性。你应该这样做。

Container(
 height: MediaQuery.of(context).size.width * 0.65,
 width: MediaQuery.of(context).size.width * 0.65,
  ),

【讨论】：

但我确实希望在不同平台上拥有完全相同的物理方形屏幕尺寸，例如 3cm x 3cm。使用 MediaQuery 似乎不能有这样的效果。