LaunchScreen.storyboard 在设备上的显示与在 Xcode 中的显示不同？

Question

我正在尝试自定义我的 Flutter 应用程序的默认 LaunchScreen.storyboard。 我只是在默认View上有一个红色背景，我添加了一个Image View作为它的子项。 此Image View以屏幕为中心呈现我已添加到“Assets.xcassets”中的所有 3 种尺寸的图像。 下面是我的 Xcode 显示的预览：

但是，此 storyboard 在设备上的呈现方式与在 Xcode 中的呈现方式不同。 例如，它在 iPhone 12 上显得略微偏离中心，而对于 iPhone 6s，它的放大率过高并且偏离中心。 请参阅下面的屏幕截图：

如您所见，storyboard 在两个设备上呈现不同。 如何使 storyboard 在两个设备上的显示与在 Xcode 中的显示相同？ 任何帮助表示赞赏。 如果我使用了任何不正确的术语或需要提供更多详细信息，请告诉我，因为我使用 Xcode 的经验很少。

Answer 1

从随附的 storyboard 屏幕截图来看，似乎没有向UIImageView添加任何约束。

您应该以 0 间距将top 、 leading 、 bottom和trailing约束添加到 superview 以实现您想要的。

更新

以上适用于您有一个小尺寸图像（如 100x100 或类似尺寸）可以轻松适应所有屏幕尺寸的情况。 在评论中，我们看到图像太大了，我们希望将其保持在中心，同时占据 50% 的屏幕宽度。

删除leading和trailing约束 select imageView 和它的超视图 - 添加相等宽度约束，乘数为0.5 ，这将确保ZE9E20DE7B6F7D42815E27F0FDA38的宽度始终占据超视图的宽度。

还要在 imageView 上添加水平中心约束。 确保 imageView 内容模式设置为Aspect Fit 。