react-native-pure-splash-screen

This repo is deprecated, please visit the new splash-screen repo.

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

iOS

Modify AppDelegate.m

1#import <RNTSplashScreenModule.h>
2
3- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
4{
5  ...
6  // add this line
7  [RNTSplashScreenModule show:rootView];
8  return YES;
9}

Android

Step1

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

Step2

Modify MainActivity.java

1package com.example;
2
3import android.os.Bundle;
4
5import com.facebook.react.ReactActivity;
6import com.github.musicode.splashscreen.RNTSplashScreenModule;
7
8public class MainActivity extends ReactActivity {
9
10    /**
11     * Returns the name of the main component registered from JavaScript.
12     * This is used to schedule rendering of the component.
13     */
14    @Override
15    protected String getMainComponentName() {
16        return "example";
17    }
18
19    @Override
20    protected void onCreate(Bundle savedInstanceState) {
21        // add this line
22        RNTSplashScreenModule.Companion.show(this);
23        super.onCreate(savedInstanceState);
24    }
25
26}

Usage

1import SplashScreen from 'react-native-pure-splash-screen'
2
3SplashScreen.hide()