react-native>0.6.0时引入react-native-splash-screen组件

将react-native>0.6.0的情况单独列出来，是因为当react-native版本小于0.6时，组件需要手动连接，官网已经给出了引入步骤。

按照官网引入时会出现许多报错，此时可以参考我的另一篇博客https://blog.csdn.net/weixin_43762903/article/details/103335305

但是，当react-native版本大于0.6.0时，组件为自动连接。按理说引入应该更加简单，但致命的是官网并没有给出当react-native>0.6.0时的引入方法。导致初用者摸不到头脑，不知道哪一步应该做，哪一步不需要做。

在此将react-native>0.6.0时的引入方法记录如下：

①下载：（npm、yarn或者其它方式均可）

npm i react-native-splash-screen --save 或者 yarn add react-native-splash-screen

②在MainActivity.java中添加：

import android.os.Bundle;
import org.devio.rn.splashscreen.SplashScreen;

@Override
protected void onCreate(Bundle savedInstanceState) {
    SplashScreen.show(this,true);  // here
    super.onCreate(savedInstanceState);
}

③在MainApplication.java中添加：

import org.devio.rn.splashscreen.SplashScreenReactPackage;

④添加drawable-xhdpi与drawable-xxhdpi文件夹

查看android\app\src\main\res目录下是否存在drawable-xhdpi与drawable-xxhdpi文件夹。如不存在，则自行建立。两个文件夹中的图片即为不同尺寸屏幕下对应的启动屏图片。

（drawable-xhdpi文件夹下的图片大小为750×1334；drawable-xxhdpi文件夹下的图片大小为1242×2208）

⑤添加layout文件夹及launch_screen.xml文件

具体文件内容与添加位置如下图所示：

⑥使用

基于以上配置，启动屏已经可以显示，但仍无法消失。需要引入以下内容：

import SplashScreen from 'react-native-splash-screen'

export default class WelcomePage extends Component {

    componentDidMount() {
    	 // do anything while splash screen keeps, use await to wait for an async task.
        SplashScreen.hide();//关闭启动屏幕
    }
}

至此，react-native-splash-screen组件引入完毕，可以正常使用。