react-native-bootsplash

(★ 4,296)

🚀 Show a splash screen during app startup. Hide it when you are ready.

File Explorer

Download Latest Version (.zip)

- - bug_report.yml
  - config.yml
  - feature_request.yml
- - verify.yml
- CODE_OF_CONDUCT.md
- funding-octocat.svg
- FUNDING.yml
- PULL_REQUEST_TEMPLATE.md
- stale.yml
- build.gradle
- cli_generator.png
- demo.gif
- demo_static.png
- gumroad_button.png
- - config
- - build.gradle
  - gradle.properties
  - gradlew
  - gradlew.bat
  - settings.gradle
- - .xcode.env
  - Podfile
  - Podfile.lock
- - index.html
- - AnimatedBootSplash.tsx
  - App.tsx
- - dark-brand.svg
  - dark-logo.svg
  - light-brand.svg
  - light-logo.svg
- app.json
- babel.config.js
- Gemfile
- Gemfile.lock
- index.js
- metro.config.js
- package.json
- tsconfig.json
- webpack.config.js
- yarn.lock
- - project.pbxproj
- RNBootSplash.h
- RNBootSplash.mm
- - expo.ts
  - generate.ts
  - utils.ts
- - NativeRNBootSplash.ts
  - NativeRNBootSplash.web.ts
- index.ts
- xcode.d.ts
.editorconfig
.gitignore
.oxlintrc.json
.prettierignore
app.plugin.js
cli.js
CODEOWNERS
LICENSE
MIGRATION.md
package.json
README.md
RNBootSplash.podspec
tsconfig.json
yarn.lock

# Installation Guide

1. Get the code

git clone https://github.com/zoontek/react-native-bootsplash

Downloads the entire project code from GitHub to your computer.

cd react-native-bootsplash

Moves into the project folder you just downloaded.

2. Gradle (Java/Kotlin)

Medium Recommended

Prerequisites

Git Needed to download the project code from GitHub.
JDK (Java) Required to build and run Java/Kotlin projects.
Gradle If the repo includes gradlew (Gradle Wrapper), you don't need to install Gradle separately.

cd android

This project's files live in a subfolder, so move into it first.

./gradlew build

Builds the project using Gradle.

✅ A BUILD SUCCESSFUL message means it worked. The output is created under build/.

3. Node.js

Easy

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

$ npm install --save react-native-bootsplash

Downloads and installs the libraries listed in package.json.

$ yarn add react-native-bootsplash

Type this command into your terminal and run it.

$ yarn react-native-bootsplash generate --help

Type this command into your terminal and run it.

yarn react-native-bootsplash generate svgs/light-logo.svg \

Type this command into your terminal and run it.

$ npm uninstall expo-splash-screen

Type this command into your terminal and run it.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.