React-Native Launch Image 导致布局更改

Posted 2023-03-28

【中文标题】React-Native Launch Image 导致布局更改

【英文标题】：React-Native Launch Image causes layout changes

【发布时间】：2015-08-18 01:43:15

【问题描述】：

我正在尝试将启动图像添加到我的应用程序中，这导致我的第一个视图发生了一些意外的布局更改。

到目前为止我做了什么：

在 Images.xcassets 中创建一个 LaunchImage 集（名为 LaunchImage） 转到我的 Info.plist 并添加“启动屏幕界面文件基本名称”并将其设置为“LaunchImage” 转到我的 LaunchScreen.xib 并取消选中“用作启动屏幕” 在我的主要项目目标 General/App Icons and Launch Images 下，选择“LaunchImage”作为 Launch Images Source，并将 Launch Screen File 字段留空。 我什至删除了 LaunchScreen.xib 文件。

在 ios 模拟器中，设备一直被缩放到 100%，并设置为同一设备，iPhone 6。

结果我得到了我的启动图像，但我的第一个视图发生了变化 - 边距大大减少，字体看起来更小。这可能与自动布局有关吗？我如何知道哪个视图（发布前或发布后的图像）是“真实”视图，哪个被扭曲了？

【问题讨论】：

你有什么收获吗？

添加 Retina HD 5.5 和 Retina HD 4.7 英寸后，我也遇到了同样的情况。

【参考方案1】：

使用图像集中的启动图像时，请检查您的图像大小是否正确：https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/LaunchImages.html

具体尺寸：

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW2