React Native Splash Screen — поддержка разных тем

yarn add react-native-splash-screen

cd ios && pod install && cd ..

[super application:application didFinishLaunchingWithOptions:launchOptions];


  [RNSplashScreen show]; // вызываем наш SplashScreen


  return YES;

 return [super application:application didFinishLaunchingWithOptions:launchOptions];

#import "RNSplashScreen.h"

    
<?xml version="1.0" encoding="utf-8"?>
    <resources>
      <attr name="launchImage" format="reference"/>
    </resources>

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
    <resources>

      <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        ....
      </style>

      <!-- Добавляем это -->
      <style name="LightTheme" parent="AppTheme">
        <item name="launchImage">@drawable/launch_screen_light</item>
      </style>

      <!-- Добавляем это -->
      <style name="DarkTheme" parent="AppTheme">
        <item name="launchImage">@drawable/launch_screen_dark</item>
      </style>

    </resources>

    <?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="?attr/launchImage"
            android:scaleType="centerCrop" 
        />
    </RelativeLayout>

@Override
protected void onCreate(Bundle savedInstanceState) {
switch (getResources().getConfiguration().uiMode & Configuration.UI_MODE_NIGHT_MASK) {
case Configuration.UI_MODE_NIGHT_YES:
setTheme(R.style.DarkTheme);


break;
case Configuration.UI_MODE_NIGHT_NO:
setTheme(R.style.LightTheme);
break;
default:
setTheme(R.style.LightTheme);
}


SplashScreen.show(this);
super.onCreate(savedInstanceState);
}

import org.devio.rn.splashscreen.SplashScreen;
import android.content.res.Configuration;


public class MainActivity extends ReactActivity { … 

import SplashScreen from 'react-native-splash-screen' 

export default function App {

    useEffect() {
    // здесь может быть любой асинхронный код 
    // перед открытием приложения

    // прячем наш Splash Screen
        SplashScreen.hide();
    }

    . . . функция рендера

}