React Native Splash Screen is a library that adds a splash screen to mobile apps built with React Native, the framework for building iOS and Android apps using JavaScript. A splash screen is the branded image or screen that appears while the app is loading before any interactive content is ready. Without a library like this one, React Native apps often show a brief white or black blank screen during startup, which looks unfinished. The library works by showing the native platform's splash screen immediately when the app process starts, then keeping it visible until your JavaScript code explicitly calls a hide function. This means you can control exactly when the splash screen disappears, for instance after your initial data has loaded or your navigation stack is ready. Installation involves two steps: adding the npm package and then linking it to both the iOS and Android native projects. The library supports automatic linking (using react-native link) or manual steps for each platform. For Android, you modify the main activity class to show the splash screen before React loads. For iOS, you modify the AppDelegate file similarly. The API is minimal. SplashScreen.show() makes the splash screen visible and SplashScreen.hide() dismisses it. You call hide() from your app's JavaScript code once the app is ready to display its main content. The library works on both iOS and Android. The repository includes example projects showing the expected setup for each platform. The README notes version compatibility: version 3 and above is required for React Native 0.47.0 and newer. Older versions of React Native should use v2.1.0. A sister project called flutter_splash_screen is available for apps built with Flutter instead of React Native.
← crazycodeboy on gitmyhub — every repo by this author, as a profile.
Verify against the repo before relying on details.