LaunchScreen.storyboard 在设备上的显示方式与在 Xcode 中的显示方式不同？
LaunchScreen.storyboard appearing differently on devices than in Xcode?
我正在尝试自定义我的 Flutter 应用程序的默认 LaunchScreen.storyboard。我只是在默认 View 上有一个红色背景，并且我添加了一个 Image View 作为它的子项。此 Image View 位于屏幕中央，并呈现我已添加到“Assets.xcassets”的具有所有 3 种尺寸的图像。下面是我的 Xcode 显示内容的预览：
但是，此情节提要在设备上的呈现方式与在 Xcode 中的呈现方式不同。比如在iPhone 12 上稍微off-centered 出现，在iPhone 6s 时放大过高，是off-centered 的方式。请参阅下面的屏幕截图：
如您所见，故事板在两种设备上的呈现方式不同。如何使故事板在两种设备上的显示效果与 Xcode 中的一样？任何帮助表示赞赏。如果我使用了任何不正确的术语或需要提供更多详细信息，请告诉我，因为我使用 Xcode.
的经验很少
从所附的故事板屏幕截图来看，UIImageView 似乎没有添加任何约束。
您应该添加 top、leading、bottom 和 trailing 约束到 0 间距的 superview 以实现您想要的效果。
更新
以上适用于您有一张小尺寸图片（如 100x100 或类似图片，可以轻松适应所有屏幕尺寸）的情况。在评论中，我们看到该图片太大了，我们希望它在占据屏幕宽度 50% 的同时保持居中。
删除 leading 和 trailing 约束，select imageView 及其父视图 - 添加等宽约束，乘数为 0.5 ，这将确保 imageView 始终占据父视图宽度的 50%。
同时在 imageView 上添加水平居中约束。确保 imageView 内容模式设置为 Aspect Fit.
我正在尝试自定义我的 Flutter 应用程序的默认 LaunchScreen.storyboard。我只是在默认 View 上有一个红色背景，并且我添加了一个 Image View 作为它的子项。此 Image View 位于屏幕中央，并呈现我已添加到“Assets.xcassets”的具有所有 3 种尺寸的图像。下面是我的 Xcode 显示内容的预览：
但是，此情节提要在设备上的呈现方式与在 Xcode 中的呈现方式不同。比如在iPhone 12 上稍微off-centered 出现，在iPhone 6s 时放大过高，是off-centered 的方式。请参阅下面的屏幕截图：
如您所见，故事板在两种设备上的呈现方式不同。如何使故事板在两种设备上的显示效果与 Xcode 中的一样？任何帮助表示赞赏。如果我使用了任何不正确的术语或需要提供更多详细信息，请告诉我，因为我使用 Xcode.
的经验很少从所附的故事板屏幕截图来看，UIImageView 似乎没有添加任何约束。
您应该添加 top、leading、bottom 和 trailing 约束到 0 间距的 superview 以实现您想要的效果。
更新
以上适用于您有一张小尺寸图片（如 100x100 或类似图片，可以轻松适应所有屏幕尺寸）的情况。在评论中，我们看到该图片太大了，我们希望它在占据屏幕宽度 50% 的同时保持居中。
删除 leading 和 trailing 约束，select imageView 及其父视图 - 添加等宽约束，乘数为 0.5 ，这将确保 imageView 始终占据父视图宽度的 50%。
同时在 imageView 上添加水平居中约束。确保 imageView 内容模式设置为 Aspect Fit.