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 。