2019-08-23 XCode xib 全屏图片

启动RN app 时，由于需要把js bundle文件加载到内存中，需要一个启动页，加载完bundle文件后启动页再消失。

在iOS中，加载bundle时，默认先显示原生的启动页LaunchScreen.xib，我们可以自己修改LaunchScreen.xib 文件，一般是放一张全屏的图片。

那么问题来了，Xcode怎么在xib文件中放一张全屏的图片呢

1. 点击 Images.xcassets ，在空白处右键，选择 New Image Set，比如命名为welcomeImage，然后将3种启动页的倍图放进去。
   （PS，由于Images.xcassets已经在Build Phases- Copy Bundle Resources 中添加了，所以里面的图片可以被用的这个项目中）
   

   image.png
   
   
   image.png

2. 点击LaunchScreen.xib，你就打开了Interface Builder , 然后，选择左边视图树的根view，点击Interface Builder右上角的类似iPhone 手机 Home 键的那个按钮，找到 image View控件，拖到界面中。
   

   image.png

image.png

3. 点击image view , 在右边的选项中，选择图片源，就是第一步添加到项目中的WelcomImage，然后点击下面的Add New Constrains，将上下左右的约束都设置为0，点击 add 4 constrains
   
   image.png

image.png

就这些步骤，重新跑一下，崭新的启动页就会呈现在你面前了～