Destello de pantalla en blanco después de iniciar la imagen con Phonegap

Question

Después de cargar la imagen de inicio, aparece una pantalla en blanco antes de que se cargue la aplicación. Estoy usando phonegap con xcode. Me gustaría que mi aplicación se cargue en mi imagen lauch para que siga las directrices ios del desarrollador y proporcione un lanzamiento sin problemas. Creo que esta pantalla blanca es una carga de webview para mi aplicación. Me gustaría que esta página web fuera clara. ¿Alguna idea sobre una solución para este problema o una solución alternativa?

He intentado el siguiente código y no hizo ninguna diferencia en mi lanzamiento. Este código se encuentra en mi MainViewController.m

-void (webViewDidFinishLoad:(UIWebView*) theWebView 
{ 
theWebView.backgroundColor = [UIColor clearColor]; 
theWebView.opaque = NO; 
} 

He investigado mucho en esto, pero no he encontrado una solución.

Answer 1

Deberá superponer un ModalViewController que falsifica la imagen "Default.png" después del inicio, superponer el controlador de vista en la parte superior de UIWebView y mostrar un UIActivityIndicator, para que el usuario sepa que está cargando su aplicación. Una vez que la página web está lista, puede cerrar su controlador de vista.

Espero que esto ayude.

Answer 2

Tuve un problema similar. No lo solucioné en el código, sino que lo arreglé en el Editor de UI. La ventana misma que contiene uiwebview también tiene un color de fondo en las propiedades. Esto se puede establecer en el color que prefiera para eliminar el destello de blanco. (Configuré el mío en negro.)

Answer 3

¿Ha pensado en ocultar manualmente la pantalla de bienvenida para que su página esté lista antes de que desaparezca?

window.setTimeout(function() { 
navigator.splashscreen.hide(); 
},1350); 

y SET AutoHideSplashScreen a NO en el archivo plist/Cordova PhoneGap

Answer 4

que había enfrentado el mismo problema, pruebe estos 3 pasos que he hecho para resolver el problema:

1. establezca AutoHideSplashScreen en NO en su archivo plta de phonegap/cordova

2. Agregue esta línea a su método viewDidLoad de CDVMainViewController.m

   self.useSplashScreen = YES; 
   

3. A continuación, agregue este código a onDeviceReady() método

   function onDeviceReady() 
   { 
   // do your thing! 
   cordova.exec(null, null, "SplashScreen", "hide", []); //On Cordova 1.6. 0 
   } 
   

Answer 5

Como de Córdoba/Phonegap 3+, es necesario establecer la preferencia en config.xml:

<preference name="AutoHideSplashScreen" value="false" /> 

También necesitará el complemento:

cordova plugin add org.apache.cordova.splashscreen 

Entonces,

document.addEventListener("deviceready", onDeviceReady, false); 
function onDeviceReady() { 
    // depending on how many things you are rendering on your webview, you might want to add an artificial wait 
    var SPLASH_SCREEN_DELAY = 500; 
    setTimeout(function() { 
    navigator.splashscreen.hide(); 
    }, SPLASH_SCREEN_DELAY); 
} 

Answer 6

que estaba enfrentando el mismo problema, y ​​después de hacer algunas investigaciones he encontrado que este es causado porque la aplicación requiere algún tiempo para cargar todo el .css y .js requerido .

Para solucionar el problema, podemos usar la pantalla de bienvenida y también retrasar su tiempo, de modo que hasta que se carguen todos los archivos necesarios, el usuario final no verá una pantalla de salpicadura en blanco.

Lo resolví remitiéndome la primera y la segunda parte de la respuesta dada por "ian". Estos son los pasos que seguí.

Paso 1: instale el complemento de Splashscreen de Cordova.

cordova plugin add org.apache.cordova.splashscreen

Paso 2: Ajuste el Ocultar automáticamente Preferencia pantalla de bienvenida del archivo config.xml a falso.

<preference name="AutoHideSplashScreen" value="false"/> 

Paso 3: Aumentar el tiempo de retardo pantalla de bienvenida

<preference name="SplashScreenDelay" value="6000"/> 

Espero que esto ayude a alguien :)