DEV Community

How to add Splash Screen in a React Native Android App? 🌟

C M Pandey on August 26, 2020

Hi there! The reason why you're here for this is probably that you couldn't find the correct, updated, and easiest solution to this till now! Bu...

Read full post

Rohit Prasad • Aug 27 '20

react-native-splash-screen is an unmaintained package ( github.com/crazycodeboy/react-nati... ). Try react-native-bootsplash instead ( github.com/zoontek/react-native-bo... )

C M Pandey • Aug 28 '20

Thanks for letting me know about this! I will switch to bootsplash soon and update this blog too! 😊

Yossi • Nov 11 '20

Thanks for this page! Any plans to update with bootsplash?

Subesh Singh • Dec 29 '20

It did worked for me , but there is white screen coming after the splash screen. I have used the .hide() into componentDidMount().

componentDidMount() {
if (Platform.OS === 'android') {
BackHandler.addEventListener(
'hardwareBackPress',
this.onAndroidBackPress,
);
}
SplashScreen.hide();
}

C M Pandey • Dec 30 '20

I think you missed the step #6 where I mentioned the hide function. But, anyways it's good to know that it worked for you! 😊

Subesh Singh • Dec 30 '20

Liquid syntax error: Variable '{{ uri: {% raw %}' was not properly terminated with regexp: /\}\}/

Subesh Singh • Dec 30 '20

Liquid syntax error: Variable '{{ uri: {% raw %}' was not properly terminated with regexp: /\}\}/

Subesh Singh • Dec 30 '20

I did not missed the step #6 , actually white screen was coming after splash screen and before the content loaded properly. Now I have added an activity indicator while the site is being loaded. Thanks for this post.

Anees Kodappana • Oct 29 '20

@cmcodes Great, worked perfectly

C M Pandey • Oct 30 '20

Happy to know that it did! 😊

code-by • Oct 27 '20

Is there possibility to add splash screen w/o any library?

C M Pandey • Oct 30 '20

I don't think so! There's no native support for that yet! Although, this library is pretty reliable. It hasn't caused any problem.

Happy Coding Lover • Feb 18 '21

I have an issue
android\app\src\main\java\com\shippy\SplashActivity.java:5: error: package android.support.v7.app does not exist
import android.support.v7.app.AppCompatActivity;

How can I solve this?