Android: Flash before SplashScreen.hide();

Noticing a flash upon load on Android no matter how I modify my configuration. The flash goes to white if background_splash.xml is removed, the flash goes to white instead.

MainActivity.java

@Override
protected void onCreate(Bundle savedInstanceState) {
    SplashScreen.show(this, true);
    super.onCreate(savedInstanceState);
}

launch_screen.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent">
    <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/screen" android:scaleType="centerCrop" />
</RelativeLayout>

styles.xml

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.ReactNative.AppCompat.Light.NoActionBar.FullScreen">
        <!-- Customize your theme here. -->
        <item name="android:windowBackground">@drawable/background_splash</item>
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowDisablePreview">true</item>
    </style>
</resources>

background_splash.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <bitmap android:gravity="fill" android:src="@drawable/screen"/>
    </item>
</selector>

[chr4ss1]

I fixed the “white flashing issue”, however not 100% sure which part fixed it.

Here is the tutorial I followed: https://medium.com/handlebar-labs/how-to-add-a-splash-screen-to-a-react-native-app-ios-and-android-30a3cec835ae

After that tutorial, I had white flashing.

Then I applied the next changes in the styles.xml:

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowDisablePreview">true</item>
        <item name="android:windowBackground">@drawable/background_splash</item>
    </style>

    <style name="SplashTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowBackground">@drawable/background_splash</item>
    </style>
</resources>

and it started to work (no flashing white)

[josecarlosns]

@ChrisEelmaa I’m having this issue too and your fix worked for me.

I tested a little and what seems to happen is that the flash is actually the empty MainActivity showing for an instant, before the interface renders. So your fix works because you set the background color/image of the base application AppTheme to be the same of the Splash Screen, so the ‘flash’ is still happening, but its of the same color so you don’t notice it.

You can even remove the <item name="android:windowDisablePreview">true</item>, it doesn’t matter for this issue.