最近更新xcode，有些配置有些不同，網(wǎng)上查的方法都是過時的，導致配了一段時間卡在這里，最后訪問官網(wǎng)才弄好了，所以以后解決問題的辦法先看官網(wǎng)再查其他各路神仙的辦法。
官網(wǎng)的步驟：https://github.com/crazycodeboy/react-native-splash-screen/blob/master/add-LaunchScreen-tutorial-for-ios.md

為避免有些人訪問不到github，所以把步驟記下來。

在新版Xcode 中 而LaunchImage已經(jīng)退出了歷史的舞臺，要為iOS APP添加啟動屏可以通過LaunchScreen.storyboard 或 LaunchScreen.xib兩種方式，兩種方式思路相同，接下來就介紹下如何通過LaunchScreen.storyboard 來為RN應用添加啟動屏。

步驟

1、創(chuàng)建LaunchScreen.storyboard
2、創(chuàng)建LaunchScreen Image Set
3、在LaunchScreen.storyboard中添加ImageView并綁定LaunchScreen Image
4、應用LaunchScreen.storyboard
5、刪除APP，重新運行

具體步驟操作：

1、創(chuàng)建LaunchScreen.storyboard

RN創(chuàng)建的項目默認是不帶LaunchScreen.storyboard的，所以我們需要手動創(chuàng)建，用xcode打開項目下的iOS項目然后在左側文件導航面板右鍵選擇新建文件
項目目錄-->右鍵-->new file-->Launch Screen

圖片.png

2、創(chuàng)建LaunchScreen Image Set

打開Images.xcassets然后添加名為LaunchScreen的Image Set：

圖片.png

3、在LaunchScreen.storyboard中添加ImageView并綁定LaunchScreen Image

打開LaunchScreen.storyboard，然后添加一個ImageView，調整好大小與約束，在為其綁定LaunchScreen Image Set：

即：點擊右上角+號后搜索Image View 搜索到了左鍵點擊Image View長按拖動到View Controller 下的view視圖里，然后在右邊的image 下拉選中上述步驟2中Images.xcassets被命名為LaunchScreen的Image Set：

圖片.png

4、應用LaunchScreen.storyboard

然后不要忘記在TARGETS中設置Launch Screen File：

圖片.png

5、最好是刪除APP，clean，關掉node，用模擬器的話，先退出結束掉模擬器，實體機換啟動圖的話是需要重啟設備才能看到效果。這些步驟完成后再重跑項目，不然可能會修改不成功。

圖片.png

自己再調一下約束就可以了

圖片.png