使用第三方外掛：react-native-splash-screen

下載地址：https://www.npmjs.com/package/react-native-splash-screen

第一步：安裝下載外掛

1、npm i react-native-splash-screen --save
2、react-native link react-native-splash-screen  // 自動連結了，就不用手動配置了哈

第二步：配置ios

#import "AppDelegate.h"
 
#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>
#import "RNSplashScreen.h"  // here
 
@implementation AppDelegate
 
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    // ...other code
 
    [RNSplashScreen show];  // here
    return YES;
}
 
@end
 

第三步：進入xcode進行操作（把rn專案的ios目錄拖進xcode就行哈）

說明一下哈，以下就是借用的其他博主的哈，關鍵是這個博主寫的很詳細啦～～～如有冒犯請告知哈

簡書地址：https://www.jianshu.com/p/4540ac17dfd4  

簡書暱稱：墨子攻城

1、選中Image.xcassets ➜ LaunchImage，就是上一步建立的LaunchImage，右側框中的部分是讓你選擇要支援的系統，橫豎屏之類的（這個按照需求選擇，如果你的專案不打算支援ios6可以不選擇）。然後點選中間部分選中一個解析度的框，上傳相應解析度的圖片作為啟動螢幕（注意：這裡的解析度一定要對，如果比例不對傳不上去）

以下是選擇框中不同螢幕的解析度：

iPhone Portrait iOS 8-Retina HD 5.5 （1242×2208） @3x
iPhone Portrait iOS 8-Retina HD 5.5 （1242×2208） @3x
iPhone Portrait iOS 8-Retina HD 4.7 （750×1334） @2x
iPhone Portrait iOS 7,8-2x （640×960） @2x
iPhone Portrait iOS 7,8-Retina 4 （640×1136） @2x
iPhone Portrait iOS 5,6-1x （320×480） @1x
iPhone Portrait iOS 5,6-2x （640×960） @2x
iPhone Portrait iOS 5,6-Retina4 （640×1136） @2x
 

2、選中LaunchScreen.xib,會有個彈出框，預設選擇確定就行，然後把右邊的 Use Launch Screen 取消選中（因為ios可以用來自定義圖片啟動螢幕或通過 LaunchScreen.xib花一個啟動螢幕，ios預設花了一個，因為我們用的是圖片所以要取消它）。

3、如圖選中專案工程，右側會出現工程的基本配置，設定Launch Images Srouce配置為LaunchImage（如果沒有LaunchImage會彈出一個框提示拷貝圖片，按照預設點確定就行），然後設定Launch Screen File為空（這個很重要）。

4、預覽效果（上傳後圖片被刪幀壓縮太狠，效果不佳，湊合看把）

第四步：關閉啟動頁咯

這個就看自己需要在哪裡關閉哈

 componentDidMount() {
    SplashScreen.hide(); // 關閉啟動頁
  }

作者：墨子攻城
連結：https://www.jianshu.com/p/4540ac17dfd4