splashscreen for React Native.

Support me with a Follow

Getting Started

First, cd to your RN project directory, and install RNMK through rnpm . If you don't have rnpm, you can install RNMK from npm with the command npm i -S rnkit-splash-screen and link it manually (see below).

iOS

• React Native < 0.46 (Using rnpm)

  rnpm install [email protected]

• React Native >= 0.46

  $npm install -S rnkit-splash-screen

  $react-native link rnkit-splash-screen

Manually

1. Add node_modules/rnkit-splash-screen/ios/RNKitSplashScreen.xcodeproj to your xcode project, usually under the Libraries group
2. Add libRNKitSplashScreen.a (from Products under RNKitSplashScreen.xcodeproj) to build target's Linked Frameworks and Libraries list
3. Add ocr framework to $(PROJECT_DIR)/Frameworks.

Android

• React Native < 0.46 (Using rnpm)

  rnpm install [email protected]

• React Native >= 0.46

  $npm install -S rnkit-splash-screen

  $react-native link rnkit-splash-screen

Manually

1. JDK 7+ is required
2. Add the following snippet to your android/settings.gradle:

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

1. Declare the dependency in your android/app/build.gradle

dependencies {
    ...
    compile project(':rnkit-splash-screen')
}

1. Import import io.rnkit.splashscreen.SplashScreenPackage; and register it in your MainActivity (or equivalent, RN >= 0.32 MainApplication.java):

@Override
protected List<ReactPackage> getPackages() {
    return Arrays.asList(
            new MainReactPackage(),
            new SplashScreenPackage(MainActivity.activity, true)
    );
}

Finally, you're good to go, feel free to require rnkit-splash-screen in your JS files.

Have fun! 🤘

Basic Usage

Import library

import RNKitSplashScreenManager from 'rnkit-splash-screen'

TipText

RNKitSplashScreenManager.tipText('text')

Progress

progress 0.0 .. 1.0, default is 0.0. values outside are pinned.

RNKitSplashScreenManager.progress(progress)

Open

RNKitSplashScreenManager.open()

Close

RNKitSplashScreenManager.close({animationType: RNKitSplashScreenManager.animationType.scale, duration: 850, delay: 500})

Contribution

• @simamn The main author.

Thanks

@cyqresig - react-native-smart-splash-screen

Questions

Feel free to contact me or create an issue

made with ♥