blocks|key|4450350|text|确保从模拟器中删除该应用程序。然后对你的项目做一次彻底的清理。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4450351|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Make sure to delete the app from the simulator.
Then do a clean on your project.

blocks|key|4450389|text|刚刚经历了这一切并取得了不错的成绩。我发现的唯一障碍是没有清除模拟器的内容。如果您发现新的启动屏幕不起作用，您需要打开模拟并转到以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4450390|模拟器>重置内容和设置|4450391|在模拟器中肯定有一些硬核缓存正在进行，但一旦完成-重新运行，你就会看到应用程序。请确保对xcode模拟器和react本机模拟器都这样做！|4450392|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

Just went through this and works a treat. The only road block I discovered was not clearing the simulator content. If you find that your new launch screen isn't working you need to open the simulation and go to the following: 

Simulator > Reset content and settings 

There must be some hardcore caching going on within that simulator but once that was done - rerun and you'll see the app. Make sure you do this for both xcode simulators and react-native simulators!

blocks|key|4450322|text|确保“启动屏幕文件”选择为空：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4450323|📷|atomic|offset|length|4450324|​|4450325|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/7a541c1c534cc5ae19996bd2b895c304.png|imageAlt^0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@$E|T|F|U|1|V]]|A|$]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P|Q|-4]]]]

Make sure the 'Launch Screen File' select is empty:
<a href="https://i.stack.imgur.com/35GDz.png" rel="noreferrer"><img src="https://i.stack.imgur.com/35GDz.png" alt="enter image description here"></a>

blocks|key|4450379|text|如果您想使用现有的启动屏幕.xib文件React+Native初始设置，但带有您自己的徽标和背景颜色(没有任何React+Native默认文本)，您可以按照此处的说明进行操作：https://medium.com/@kelleyannerose/react-native-ios-splash-screen-in-xcode-bd53b84430ec。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4450380|entityMap|0|LINK|mutability|MUTABLE|url|https://medium.com/@kelleyannerose/react-native-ios-splash-screen-in-xcode-bd53b84430ec^0|2G|2F|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you want to use the existing Launch Screen .xib file React Native initially has set up, but with your own logo and background color (and without any of the React Native default text), you can follow the instructions here: <a href="https://medium.com/@kelleyannerose/react-native-ios-splash-screen-in-xcode-bd53b84430ec" rel="nofollow noreferrer">https://medium.com/@kelleyannerose/react-native-ios-splash-screen-in-xcode-bd53b84430ec</a>.

blocks|key|4450629|text|如果你在React的帮助下创建了一个启动屏幕，那么你应该在iOS+Xcode的LaunchScreen.xib文件中添加相同的东西，这样你就可以截取屏幕截图并将其作为图像添加到Images.xcassets中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4450630|打开LaunchScreen，然后在Xcode右面板的View+from+Object+Library中添加UIImageView。|4450631|​|4450632|📷|atomic|offset|length|4450633|4450634|将拖尾、前导、底部和顶部约束添加到视图。如下图所示：|4450635|4450636|4450637|4450638|不要忘记将UIImageView+ContentMode更改为AspectFit，这样当应用程序运行时，它看起来是一样的。|4450639|在此之后，您需要在AppDelegate中添加代码，这样就不会出现白屏。密码是-|4450640|+UIView*+launchScreenView+=+[[[NSBundle+mainBundle]+loadNibNamed:@"LaunchScreen"+owner:self+options:nil]+objectAtIndex:0];
+launchScreenView.frame+=+self.window.bounds;
+rootView.loadingView+=+launchScreenView;|code-block|syntax|javascript|4450641|您可以参考-+https://facebook.github.io/react-native/docs/running-on-device.html#pro-tip|4450642|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/176147aa28759db546b4c80057968c63.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/e60caa882a557be0a65042e675775a5c.png|2|LINK|MUTABLE|url|https://facebook.github.io/react-native/docs/running-on-device.html#pro-tip^0|0|0|0|0|1|0|0|0|0|0|0|1|1|0|0|0|0|0|7|23|2|0^^$0|@$1|2|3|4|5|6|7|1H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1J|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|1K|8|@]|9|@$I|1L|J|1M|1|1N]]|A|$]]|$1|K|3|E|5|6|7|1O|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|1P|8|@]|9|@]|A|$]]|$1|N|3|E|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|O|3|G|5|H|7|1R|8|@]|9|@$I|1S|J|1T|1|1U]]|A|$]]|$1|P|3|E|5|6|7|1V|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1W|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1X|8|@]|9|@]|A|$]]|$1|U|3|V|5|W|7|1Y|8|@]|9|@]|A|$X|Y]]|$1|Z|3|10|5|6|7|1Z|8|@]|9|@$I|20|J|21|1|22]]|A|$]]|$1|11|3|-4|5|6|7|23|8|@]|9|@]|A|$]]]|12|$13|$5|14|15|16|A|$17|18|19|-4]]|1A|$5|14|15|16|A|$17|1B|19|-4]]|1C|$5|1D|15|1E|A|$1F|1G]]]]

If you create a Launch screen with the help of React then you should add the same thing in the LaunchScreen.xib file in iOS Xcode for that you can take a Screenshot and add it as an Image in the Images.xcassets.

Open LaunchScreen then add UIImageView in the View from Object Library from Right Panel in Xcode.

<a href="https://i.stack.imgur.com/MMPB9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MMPB9.png" alt="enter image description here"></a>

Add Trailing, Leading, Bottom and Top Constraints to the View.
As Shown Below -

<a href="https://i.stack.imgur.com/ZWFWK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZWFWK.png" alt="enter image description here"></a>

Don't Forget to change the UIImageView ContentMode as AspectFit so that it will look same when the app runs.

After That you need to add code in AppDelegate so that you don't get a white screen.
The code is -

<pre><code> UIView* launchScreenView = [[[NSBundle mainBundle] loadNibNamed:@"LaunchScreen" owner:self options:nil] objectAtIndex:0];
 launchScreenView.frame = self.window.bounds;
 rootView.loadingView = launchScreenView;
</code></pre>

You can Refer - <a href="https://facebook.github.io/react-native/docs/running-on-device.html#pro-tip" rel="nofollow noreferrer">https://facebook.github.io/react-native/docs/running-on-device.html#pro-tip</a>

blocks|key|4450671|text|对于那些仍然有困难的人来说，在让iOS启动屏幕工作之前，公认的答案中还缺少一个步骤。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4450672|打开项目文件夹中的Info.plist，删除"Main+nib+file+base+name“键。然后，重新构建，希望问题不存在了。|offset|length|style|CODE|4450673|entityMap^0|0|9|A|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

Just for those still having trouble, there is one more step missing from the accepted answer before making the iOS Launch screen work.

Open <code>Info.plist</code> in the project folder and delete "Main nib file base name" key. Then, rebuild and hopefully the issue is gone.

blocks|key|4450317|text|您应该将启动屏幕图像源设置为您的图像集。然后删除LauncScreen.xib文件。然后在您的项目中进行全局搜索，并删除所有对LaunchScreen.xib的引用(查看整个项目。我使用sublime文本编辑器，所以它是cmd%2Bshift%2Bf)，它应该可以工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4450318|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You should set the launch screen image source as your image set. Afterwards delete the LauncScreen.xib file. Afterwards do a global search in your project and remove all references to LaunchScreen.xib (look in your entire project. I user sublime text editor so it's cmd+shift+f) and it should work.

I'm working with a React Native app and I'm trying to set a customize launch screen but I'm not able to.

React Native creates a LaunchScreen.xib by default, so I've created a LaunchImage inside Images.xcassets:

<a href="https://i.stack.imgur.com/WLHds.png" rel="noreferrer"><img src="https://i.stack.imgur.com/WLHds.png" alt="LaunchImage in Images.xcassets"></a>

I've also read that I've to modify the "Launch Screen File" under "App Icons and Launch Images" in my options:

<a href="https://i.stack.imgur.com/Z0MpD.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Z0MpD.png" alt="Launch Images options"></a>

Once I've done that, my launch screen became totally black and when the app is loaded, there are both top and bottom black frames:

<a href="https://i.stack.imgur.com/WfWw4.png" rel="noreferrer"><img src="https://i.stack.imgur.com/WfWw4.png" alt="enter image description here"></a>

So I don't know what I have to do to set my launch screen in my React Native project.

I'll be grateful if someone can help me out with those troubles.

Thanks in advance.

iOS Launch screen in React Native

我正在使用React Native应用程序，我正在尝试设置一个自定义的启动屏幕，但我无法这样做。React Native默认情况下会创建一个LaunchScreen.xib，所以我在Images.xcassets中创建了一个LaunchImage：​​我还读到，我必须修改我的选项中“应用程序图标和启动图像”下的“启动屏幕文件”：​​一旦我这样做了，我的启动屏幕变得完全黑色，当应用程序加载时，顶部和

问React本机中的iOS启动屏幕
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React本机中的iOS启动屏幕EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React本机中的iOS启动屏幕
EN