Cómo configurar la pantalla de bienvenida para reaccionar con Android nativo

Había intentado 3 de las siguientes maneras. El primero es lo que estoy utilizando actualmente para la pantalla de bienvenida de Android para los proyectos de reaccionar-nativo.

1. Usando un paquete npm escrito por otro.

   Referencia: https://github.com/remobile/react-native-splashscreen

2. Crear un componente SplashScreen y redirigir después.

   Referencia: ¿Cómo crear algún tipo de pantalla Splash / pantalla de inicio, que desaparece después de la aplicación cargada? (Reaccione Nativo)

3. Nativamente en código java .

   Referencia: https://www.bignerdranch.com/blog/splash-screens-the-right-way/

Tengo una petición de la fetch en el componentDidMount() de initialRoute .

El uso de la primera forma de la lista anterior realiza la solicitud mientras se muestra la pantalla de bienvenida.

Mientras que la segunda forma, debe esperar hasta que el componente SplashScreen se desmonten.

Tercera forma es un poco más códigos para escribir y mantener.

Este tutorial aquí funciona muy bien:

https://medium.com/react-native-development/change-splash-screen-in-react-native-android-app-74e6622d699

1. Es necesario crear una pantalla de bienvenida en res / drawable. Vamos a llamarlo splash_screen.xml

    <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@android:color/white"/> <item> <bitmap android:gravity="center" android:src="@mipmap/ic_launcher"/> </item> </layer-list> 

2. Ahora necesita actualizar res / values ​​/ styles.xml

    <resources> <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <!-- Customize your theme here. --> </style> <style name="SplashTheme" parent="AppTheme"> <item name="android:windowBackground">@drawable/splash_screen</item> </style> </resources> 

3. Ahora abra AndroidManifest.xml y reemplace AppTheme con SplashTheme en MainActivity

    <activity android:name=".MainActivity" android:label="@string/app_name" android:theme="@style/SplashTheme" android:configChanges="keyboard|keyboardHidden|orientation|screenSize"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> 

   Utilizamos SplashTheme en lugar de actualizar AppTheme, para agregar este fondo sólo para iniciar la actividad y dejar otras cosas sin cambios.

4. No olvide establecer el fondo para su vista raíz. Esta necesidad, porque la pantalla Splash siempre está bajo sus vistas js. Así que si no se establece el fondo será visible.

¿Intentaste usar esto ? Me encontré con esto hace unos días. Funciona bien en iOS pero aún no lo he probado en Android. Debe tener nodo> = 6 e imageMagic instalado. (Para mac: brew install imagemagic )

 npm install -g yo generator-rn-toolbox yo rn-toolbox:assets --splash IMGAE --android