react-native-pure-splash-screen

This is a module which help you display a splash screen to avoid blank screen.

Installation

``
npm i react-native-pure-splash-screen
// link below 0.60
react-native link react-native-pure-splash-screen
`

Setup

$3

Modify AppDelegate.m

`oc
#import

- (BOOL)application:(UIApplication )application didFinishLaunchingWithOptions:(NSDictionary )launchOptions
{
...
// add this line
[RNTSplashScreenModule show:rootView];
return YES;
}
`

$3

Step1

add a layout file named splash_screen_default.xml under your res/layout directories.

Step2

Modify MainActivity.java

`java
package com.example;

import android.os.Bundle;

import com.facebook.react.ReactActivity;
import com.github.musicode.splashscreen.RNTSplashScreenModule;

public class MainActivity extends ReactActivity {

/**
* Returns the name of the main component registered from JavaScript.
* This is used to schedule rendering of the component.
*/
@Override
protected String getMainComponentName() {
return "example";
}

@Override
protected void onCreate(Bundle savedInstanceState) {
// add this line
RNTSplashScreenModule.Companion.show(this);
super.onCreate(savedInstanceState);
}

}
`

Usage

`js
import SplashScreen from 'react-native-pure-splash-screen'

SplashScreen.hide()
``