Foro

Home Forums PhoneGap Splashscreen

This topic contains 4 replies, has 2 voices, and was last updated by  purinagripal 4 años, 5 meses .

Viendo 5 respuestas - de la 1 a 5 (de 5 en total)
  • Splashscreen

    Intervenciones
  • Ángel Luis Sánchez
    Ángel Luis Sánchez 
    Participant

    Buenas!

    ¿Alguien sabe como configurar el splashscreen en phonegap? Probé con la Documentación y nada.

    Tengo esto en el config.xml:

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.

    <preference name="auto-hide-splash-screen" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="60000" />

    <gap:plugin name="cordova-plugin-splashscreen" source="npm"/>

    He intento ocultarlo desde javascript en el index.js:

     Code: arbitrary (select
    1.
    2.
    3.

    $(document).ready(function (){
      navigator.splashscreen.hide();
    });

    Lo que quiero hacer es que se cierre cuando el index se cargue, pero me tarda el tiempo que pongo en el delay. ¿Cómo puedo cerrarlo cuando se cargué la página y no tenga que esperar todo el delay?


    purinagripal 
    Participant

    Hola Angel Luis,

    pues justo estoy peleándome con splashscreen…

    Yo en config.xml tengo lo siguiente:
    <preference name=”auto-hide-splash-screen” value=”false” />
    <preference name=”SplashScreen” value=”splash”/>
    <!–<preference name=”SplashScreenDelay” value=”10000″ />–>

    Como ves el splashscreendelay lo tengo comentado. Y luego hago lo siguiente:

    function onDeviceReady() {
    setTimeout(function() {
    navigator.splashscreen.hide();
    }, 5000);
    }

    Y funciona, a los 5 segundos se oculta el splashscreen.

    En realidad lo que me gustaría es llamar a navigator.splashscreen.hide() cuando se terminan de cargar los datos de BBDD, pero lo he intentado llamando a hide() fuera de onDeviceReady y me falla la app. La cosa es que no consigo ver por qué… Sospecho que cuando llama a navigator.splashscreen.hide() aún no está listo PhoneGap… Tengo un poco de lío con eso porque soy nueva en esto de las app’s y aún hay muchas cosas que se me escapan. Si me puedes aclarar un poco… ¿Primero se carga el DOM y luego phonegap?

    saludos


    Ángel Luis Sánchez
    Ángel Luis Sánchez 
    Participant

    Phonegap no se carga como tal.

    Lo primero que se te carga es el html, y luego el js asociado. Por eso en el evento device ready ocultaba el splashscreen pero como a ti, no me funcionaba luego la app.

    La verdad es que ahora no me importa que tarde lo que pongo en el config, que puse 10 segundos. Pero lo ideal sería que se ocultara cuando se cargue todo, bien tarde 5, 10 o 20 segundos.

    Con lo que me estaba peleando ahora es que cuando hago un transición entre distintos html, me muestra durante muy poco tiempo una pantalla verde, me gustaría poder poner algo entre dos html, como un spinner o algo.

    Alguna idea?

    Acabo de encontrar esto SpinnerPhoneGap, por si quieres echarle un ojo. Lo miro luego y te comento si funciona va?

    Un saludo


    purinagripal 
    Participant

    A mi si me funciona la app cuando hago la llamada a navigator.splashscreen.hide() dentro del deviceready, cuando no funciona es al hacerla cuando se termina de cargar la bbdd…


    purinagripal 
    Participant

    Por lo que estoy leyendo, primero se carga el DOM y después se produce el deviceready, por lo que
    $(document).ready(function (){
    navigator.splashscreen.hide();
    });

    posiblemente fallará debido a que se está usando la API de phonegap antes de que esté lista.


Viendo 5 respuestas - de la 1 a 5 (de 5 en total)

You must be logged in to reply to this topic.

📆 Adobe Spectrum CSS, una librería Open Source de componentes web y app. 👉 https://t.co/HNHFyP83CU #PhoneGap #Adobehttps://t.co/jhqMGA60jt08:55 AM Feb 10th