React Native Smart Splash Screen

screenshot of React Native Smart Splash Screen
react-native

A smart splash screen for React Native apps

Overview:

The react-native-smart-splash-screen is a smart splash screen designed for React Native apps, written in JS, Objective-C, and Java to support cross-platform functionality on iOS and Android devices.

Features:

  • Cross-Platform Support: Works seamlessly on both iOS and Android platforms.
  • Customizable Splash Screen Image: Easily replace or customize the splash screen image.
  • Animation Options: Offers various animation types such as fade and scale for splash screen closure.

iOS:

  1. Drag RCTSplashScreen.xcodeproj to your Xcode project.
  2. In Xcode, select the project file, navigate to Build Phases, and add libRCTSplashScreen.a from the Products folder within RCTSplashScreen.xcodeproj.
  3. Update Header Search Paths to include $(SRCROOT)/../../../react-native/React as recursive.
  4. Update Header Search Paths to include $(SRCROOT)/../node_modules/react-native-smart-splash-screen/ios/RCTSplashScreen/RCTSplashScreen.
  5. Delete the project's LaunchScreen.xib file.
  6. Add the SplashScreenResource folder to the project for customizable images.

Android:

  1. Update android/settings.gradle.
  2. Update android/app/build.gradle and add your own drawable/splash.png to android/app/src/main/res/.
  3. Add necessary drawable folders for different screen densities.
  4. Update MainApplication.java and MainActivity.java.
  5. Update android/app/ files (styles.xml).

Summary:

The react-native-smart-splash-screen provides a convenient solution for creating and customizing splash screens in React Native apps across iOS and Android devices. It offers easy installation steps for both platforms and additional features like customizable images and various animation options for the splash screen closure.

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.