Android使用react-native-splash-screen

1.下载安装

npm i react-native-splash-screen --save

 

2.应用到项目中（用的前一个，后面一个没试过）

react-native link react-native-splash-screen or rnpm link react-native-splash-screen

 

3.修改MainActivity.java

import android.os.Bundle; 
import com.facebook.react.ReactActivity; 
import com.cboy.rn.splashscreen.SplashScreen; 

public class MainActivity extends ReactActivity { 
    @Override 
    protected void onCreate(Bundle savedInstanceState) {                 
        SplashScreen.show(this); // here 
        super.onCreate(savedInstanceState); 
    } 
    
    // ...other code 
}

 

4.在Android项目的res目录中添加drawable-xhdpi文件夹并添加启动屏背景图片

5.添加layout文件夹，并添加启动屏布局文件

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical" android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@drawable/lanuch_screen">

</LinearLayout>

 

6.在启动屏后第一屏添加JS代码

 

Git主页地址

https://github.com/crazycodeboy/react-native-splash-screen