title: Change color of statusBar in splashScreen react-native android
body: <p><a href="https://i.stack.imgur.com/Wlsv5.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Wlsv5.gif" alt="enter image description here"></a></p>
  
  <p>I try to add a splash screen to a RN app. As you can see in the gif the status bar color is changing to black while the splash screen is on, but i can't find the problem exactly.
  I have followed this tutorial to implement the splash screen: <a href="https://medium.com/@appstud/add-a-splash-screen-to-a-react-native-app-810492e773f9" rel="nofollow noreferrer">Add splash screen to RN app</a>
  Please find here the code i added to android studio:</p>
  
  <p>in <code>AndroidManifest.xml</code> => </p>
  
  <pre><code>&lt;activity
              android:name="MainActivity"
              android:label="@string/app_name"
              android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
              android:windowSoftInputMode="adjustResize"
              android:launchMode="singleTop"
              android:screenOrientation="portrait"
              android:exported="true"
              /&gt;
  
          &lt;activity
              android:name=".SplashActivity"
              android:theme="@style/SplashTheme"
              android:label="@string/app_name"&gt;
              &lt;intent-filter&gt;
                  &lt;action android:name="android.intent.action.MAIN" /&gt;
                  &lt;category android:name="android.intent.category.LAUNCHER" /&gt;
                  &lt;action android:name="android.intent.action.DOWNLOAD_COMPLETE"/&gt;
              &lt;/intent-filter&gt;
          &lt;/activity&gt;
  </code></pre>
  
  <p>in <code>styles.xml</code> => </p>
  
  <pre><code>&lt;resources&gt;
  
  &lt;!-- Base application theme. --&gt;
  &lt;style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"&gt;
      &lt;!-- Customize your theme here. --&gt;
  
      &lt;!-- Add the following line to set the default status bar color for all the app. --&gt;
      &lt;item name="android:statusBarColor"&gt;@color/mdcGreen&lt;/item&gt;
      &lt;!-- Add the following line to set the default status bar text color for all the app
      to be a light color (false) or a dark color (true) --&gt;
      &lt;item name="android:windowLightStatusBar"&gt;false&lt;/item&gt;
      &lt;!-- Add the following line to set the default background color for all the app. --&gt;
      &lt;item name="android:windowBackground"&gt;@drawable/background_splash&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;!-- Adds the splash screen definition --&gt;
  &lt;style name="SplashTheme" parent="Theme.AppCompat.Light.NoActionBar"&gt;
      &lt;item name="android:statusBarColor"&gt;@color/mdcGreen&lt;/item&gt;
      &lt;item name="android:background"&gt;@drawable/background_splash&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;/resources&gt;
  </code></pre>
  
  <p>in <code>drawable/background_splash.xml</code> => </p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
  
      &lt;item
          android:drawable="@color/mdcGreen"/&gt;
  
      &lt;item
          android:width="200dp"
          android:height="200dp"
          android:drawable="@mipmap/mdc"
          android:gravity="center" /&gt;
  
  &lt;/layer-list&gt;
  </code></pre>
  
  <p>in <code>layout/launch_screen.xml</code> => </p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:gravity="center"
      android:orientation="vertical"
      android:background="@drawable/background_splash"
      android:statusBarColor="@color/mdcGreen"&gt;
  
  &lt;/LinearLayout&gt;
  
  </code></pre>
  
  <p><strong>THANKS!</strong></p>