插件比較老，可能自動安裝會出現(xiàn)各種問題，這里推薦手動安裝，可以比較清晰的知道是哪出了問題
插件下載： yarn add react-native-splash-screen

• android
  在android/settings.gradle目錄下，添加：

include ':react-native-splash-screen'   
project(':react-native-splash-screen').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-splash-screen/android')

在android/app/build.gradle目錄下，引入該安卓包：

implementation project(':react-native-splash-screen')

在官方文檔上，接下來會讓我們在MainApplication中注冊該包，于是在后面的步驟都完成之后，程序啟動很正常，沒有報(bào)錯(cuò)，甚至在Android Studio中運(yùn)行也沒有報(bào)錯(cuò)，本以為就這樣結(jié)束了的，沒想到啟動屏關(guān)閉之后就出現(xiàn)了這個(gè)錯(cuò)誤：

image.png

錯(cuò)誤信息顯示，我們獲取插件的方法在MainApplication中重寫了兩次，導(dǎo)致該錯(cuò)誤的原因應(yīng)該是在以下這句里面，該Android包已經(jīng)在PackageList中了，所以我們后面就不需要再自己手動添加注冊包了，即可以省略掉文檔中在MainApplication中注冊的操作。

List<ReactPackage> packages = new PackageList(this).getPackages();

之后我們需要在app/src/main/res/layout中添加名稱為launch_screen.xml的相對布局頁面，做為我們啟動項(xiàng)的安卓頁面，里面的圖片路徑放在res路徑下的drawable文件夾下，各文件夾“-”后面的含義如下：

ldpi:240x320
mdpi：320x480
hdpi：480x800、480x854
xhdpi：至少960*720
xxhdpi：1280×720

至此，我們安卓部分的基本集成就完成了，至于文檔中列出的配置如下資源文件：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="primary_dark">#000000</color>
</resources>
------------------------------------------------------------------------
<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <!--設(shè)置透明背景-->
        <item name="android:windowIsTranslucent">true</item>
    </style>
</resources>

這些都是我們定義樣式之類的用的，如果只是簡單放一張圖片不需要配置這些

以下是js調(diào)用插件，在頁面componentDidMount生命周期勾子函數(shù)執(zhí)行時(shí)，將頁面啟動屏關(guān)閉的方法：

import SplashScreen from 'react-native-splash-screen'
export default class App extends Component {
    componentDidMount() {
        SplashScreen.hide();
    }
    。。。。。。。
}

• ios
  待更新