¿Por qué BootSplash.storyboard no está apareciendo en xcode?
Hola, me gustaría poner una pantalla de inicio en una aplicación de React Native. Seguí las instrucciones de aquí y también revisé la documentación.
El problema es que ¡BootSplash.storyboard
no aparece en xcode!
Y en realidad, ¿desde dónde se supone que debo arrastrarlo a la carpeta de la aplicación?
Pensé que tal vez es porque ya hay un LaunchScreen.storyboard
en la aplicación. Entonces no acepta dos archivos con la extensión .storyboard
.
Así que intenté copiar el código de BootSplash.storyboard
a LaunchScreen.storyboard
.
Funciona, pero ahora después de la pantalla de inicio, la aplicación se bloquea.
Uso hide()
en App.tsx
.
js
useEffect(() => {
(async () => await RNBootSplash.hide({fade: true}))();
}, [])
Incluso eliminé por completo el BootSplash.storyboard
.
¿Cuál podría ser el problema?
¡Gracias de antemano por tu ayuda!
davy.ai
Solución de problemas al agregar una pantalla de presentación en una aplicación React Native
Problema
El usuario ha seguido las instrucciones para agregar una pantalla de presentación a su aplicación React Native, pero encuentra problemas. No puede encontrar
BootSplash.storyboard
en Xcode y copiar el código enLaunchScreen.storyboard
hace que la aplicación se bloquee.Solución
Falta
BootSplash.storyboard
Es posible que el archivo
BootSplash.storyboard
no aparezca en Xcode porque no se vinculó correctamente en el proyecto. Asegúrese de vincular correctamente el archivo de storyboard a su proyecto de React Native siguiendo las instrucciones descritas en la documentación. El proceso implica copiar el archivoBootSplash.storyboard
en la carpeta de su aplicación y agregarlo al proyecto.Error después de copiar el código
Copiar el código de
BootSplash.storyboard
aLaunchScreen.storyboard
puede causar problemas, ya queLaunchScreen.storyboard
es un archivo generado por el sistema y puede contener ciertas configuraciones predeterminadas que podrían interferir con su pantalla de presentación personalizada.Si desea utilizar
LaunchScreen.storyboard
, intente eliminar su código personalizado deLaunchScreen.storyboard
. Luego, agregue una vista de imagen de la pantalla de presentación deseada aLaunchScreen.storyboard
. A continuación, puede crear una referencia a esta vista en su código de React Native.Si prefiere utilizar
BootSplash.storyboard
, asegúrese de haber seguido las instrucciones para vincularlo correctamente a su aplicación.La aplicación se bloquea después de la pantalla de presentación
Es posible que la aplicación se bloquee después de la pantalla de presentación porque se llama a
RNBootSplash.hide()
demasiado rápido. Debe darle algo de tiempo para que termine todas las animaciones antes de ocultarlo. Puede hacer esto agregando un retraso a la función.El código anterior agrega un retraso de 500 milisegundos antes de que registre que la aplicación está lista.
Si el problema persiste, puede ser útil revisar los registros en busca de otros errores que estén causando el bloqueo.