Flutter应用LaunchScreen.storyboard在Xcode预览与真机表现不一致如何解决

1. 修正Auto Layout约束 #

绝大多数显示偏移基本都是约束配置错误导致的，按以下步骤配置即可保证全设备居中：

• 选中你添加的Image View，点击Xcode右下角的「Add New Constraints」按钮
• 勾选「Width」、「Height」，填写图片对应的逻辑点尺寸（不用填像素值，系统会自动匹配Assets.xcassets里的2x、3x资源）
• 再点击右侧「Align」按钮，勾选「Horizontally in Container」、「Vertically in Container」，两个约束的常量都设为0，点击添加约束
• 如果约束列表出现红色/黄色警告时，点击警告旁的圆点选择「Update Frame」修正即可。

2. 调整Image View显示属性 #

打开Image View的属性检查器，将「Content Mode」设置为Aspect Fit，该模式会保持图片原始比例完整显示，不会出现拉伸、溢出边界的问题。

3. 清理缓存重新编译 #

iOS系统会对启动页做长期缓存，修改后直接运行大概率还会显示旧版本：

• 先把真机上已安装的App完全删除
• 在Xcode按Shift + Command + K清理编译缓存
• 重新运行App到真机验证效果即可。

4. 检查Assets资源配置 #

确认Assets.xcassets中对应图片集的3个倍率槽位，都放置了对应尺寸的图片，不要出现2x图片放到3x槽位的情况，否则会导致尺寸计算错误。

内容的提问来源于stack exchange，提问作者I am a registered user