Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Share] bootsplash in dark mode

See original GitHub issue

This is not a issue, only share to help anybody, if you want create bootsplash based on device theme.

Android:

create two files bootsplash.xml as in README.md but change background color

bootsplash_dark.xml
bootsplash_light.xml

example: bootsplash_dark.xml

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" android:opacity="opaque">
  <!--  here change color, dark: @android:color/background_dark or @android:color/background_light -->
  <item android:drawable="@android:color/background_dark" />

  <item>
    <!-- the app logo, centered horizontally and vertically -->
    <bitmap
        android:src="@mipmap/bootsplash_logo"
        android:gravity="center" />
  </item>
</layer-list>

create this files in android/app/src/main/res/values/styles.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:textColor">#000000</item>
    </style>
    <!-- Add the following lines -->
    <!-- BootTheme should inherit from AppTheme -->
    <style name="BootTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
        <!-- set bootsplash.xml as activity background -->
        <item name="android:background">@drawable/bootsplash_light</item>
    </style>
</resources>

Create this file in android/app/src/main/res/values-night/styles.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:textColor">#000000</item>
    </style>
    <!-- Add the following lines -->
    <!-- BootTheme should inherit from AppTheme -->
    <style name="BootTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
        <!-- set bootsplash.xml as activity background -->
        <item name="android:background">@drawable/bootsplash_dark</item>
    </style>
</resources>

and MainActivity.java:

....


import android.content.res.Configuration; // check if these already import
 
public class MainActivity extends ReactActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        int drawableId = (getResources().getConfiguration().uiMode & Configuration.UI_MODE_NIGHT_MASK) == Configuration.UI_MODE_NIGHT_YES
                ? R.drawable.bootsplash_dark
                : R.drawable.bootsplash_light; //Default light theme
        RNBootSplash.init(drawableId, MainActivity.this);
    }