Ir al contenido

Modal de actualización

El App Update Modal muestra un aviso al arrancar la app cuando el usuario tiene una versión anterior a la publicada. Funciona en dos modos: informativo (el usuario puede posponer) o restrictivo (no puede seguir sin actualizar).

El plugin compara la versión instalada con la que le indiques, así que hay que mantener estos campos al día en cada publicación:

CampoDescripción
Versión actual Play StoreNúmero de versión publicada en Android
Versión actual App StoreNúmero de versión publicada en iOS
URL de descarga AndroidEnlace a la ficha de Play Store
URL de descarga iOSEnlace a la ficha de App Store
Flujo restrictivoSi se activa, el modal no se puede cerrar

Define RK_APP_UPDATE_PROMPT en el módulo JS. La clave default es obligatoria; el resto de idiomas son opcionales.

window.RK_APP_UPDATE_PROMPT = {
default: {
title: 'Update available',
description: 'Update the app to get the latest features.',
update: 'Update',
cancel: 'Not now',
},
es: {
title: 'Hay una versión nueva',
description: 'Actualiza la app para acceder a las últimas novedades.',
update: 'Actualizar',
cancel: 'Ahora no',
},
};

El modal por defecto es un bottom sheet de 400px de ancho máximo, con esquinas redondeadas y botón de confirmación en rojo (#CC0100). Sobrescribe las clases por defecto desde el módulo CSS.

/* css_plugin */
.rk-app-update .rk-modal {
max-width: 480px;
border-radius: 20px;
}
.rk-app-update .rk-modal button.update {
background: var(--color-corporativo, #cc0100);
}

Informativo — se muestra la novedad y el usuario puede elegir entre actualizar o posponer. Recomendado para cambios menores.

Restrictivo — se elimina la opción de cerrar. Úsalo solo cuando la versión antigua ha dejado de funcionar (cambios de API, migraciones).