NativeScriptProgramación

NativeScript: Comprendiendo los eventos de página

Nativescript

Así como en JavaScript contamos con eventos para controlar la interacción del usuario con nuestra página web, tenemos lo mismo para NativeScript en nuestra aplicación móvil para saber en qué proceso se encuentra el usuario.

Para esta entrada nos enfocaremos únicamente en dos categorías de eventos:

  • Eventos de navegación
  • Eventos de interacción

Comenzando por los eventos de navegación, aquí existen cuatro eventos específicos que se ejecutarán cuando el usuario navegue hacia una página o navegue hacia otra nueva.

  • navigatingTo: Ocurre cuando la navegación hacia una página ha comenzado (equivalente a onCreate en Android).
  • navigatedTo: Ocurre cuando la navegación hacia una página ha terminado (equivalente a onStart en Android).
  • navigatingFrom: Ocurre cuando la navegación de salida hacia una nueva página ha comenzado (equivalente a onStop en Android).
  • navigatedFrom: Ocurre cuando la navegación de salida hacia una nueva página ha terminado (equivalente a onDestroy en Android).

Por otro lado, tenemos los eventos, que yo llamo de interacción, que son los eventos:

  • loaded: Ocurre cuando la página esta cargada o se reanuda la página, es decir, si se lanza otra actividad o página y volvemos se volverá a ejecutar (equivalente a onResume en Android).
  • unloaded: Ocurre cuando la actividad se suspende o va a detenerse, es decir, si se lanza otra actividad en cuanto salimos de la página este se ejecuta (equivalente a onPause en Android).

Un pequeño ejemplo de cómo se establecen los eventos en XML:

<Page navigatedFrom="onNavigatedFrom"
      navigatedTo="onNavigatedTo"
      loaded="onPageLoaded"
      navigatingFrom="onNavigatingFrom"
      navigatingTo="onNavigatingTo"
      unloaded="onUnloaded" 
      layoutChanged="onLayoutChanged">
</Page>

¡Ahora sí, a escribir código!

Publicaciones relacionadas
ProgramaciónTecnologíaTips

Cómo convertir imágenes al formato WebP con Android Studio

ProgramaciónTips

Como convertir un archivo de Excel a formato JSON

NativeScriptProgramación

NativeScript: Usando Localize para internacionalizar nuestra aplicación

NativeScriptProgramación

NativeScript: Obtener elementos de la vista por el nombre de la clase