How to Add a Splash Screen to a React Native App (iOS and Android)

OUTDATED - Please view the latest version

---

Learn how to create, add, and display a splash screen in React Native on both iOS and Android.

Github:

Email List:

Text Tutorial:

Splash Screens the Right Way:

[Munnal]

Excellent concise tutorial that's needed.

[SinhaFps]

Thank you so much, man! It worked like a charm!

[jnnikolova]

Thank you very much for the great tutorial. Keep up with the good work!

[mardiidking]

Awesome video, very helpful. Also another good idea for a splash tutorial if your up for it is how to make an animated of "gif" splash screen if that makes sense.

[srinivaspatil]

Article is great. However whenever I perform run-android by default it always starts with MainActivity. Digging around in the runAndroid.js I found it is hardcoded to MainActivity and to start with a different activity we need specify it in the param

{
command: '--main-activity [string]',
description: 'Name of the activity to start',
default: 'MainActivity',
}

How did you get around this? I didnt see you mention this in your instructions

[felipesalascasasola]

Thank you very much, it was helpful for me.
I have a question, How can I set the time of the splash screen when the app is open? It works for me but the app shows the splash very faster.

[shlomibinyaminov]

can you please help me, I seem to have a problem. I think it is in line with what @Srinivas Patil had to say. When I start my react native app using, "react-native run-android", after terminal compiles all the code i get this line:
"Starting: Intent { }" and my splash screen does not show when the android app starts. However, when i go to the android emulator and kill the app through the task manager and re-open my app, i see my splash screen. Could it be that .mainActivity is still loading over .SplashActivity?

[juansimon]

How do you control the time of the splash screen?