Aprender vue-router-ns
Crea navegación nativa en una aplicación NativeScript-Vue 3 usando rutas, parámetros, guards y resultados. El enrutador coordina los stacks nativos real: las páginas permanecen vivas una debajo de la otra, cada pestaña puede tener su propio historial y el Back nativo es parte del flujo de navegación.
Comienza aquí
| Tu objetivo | Comienza con | Lo que tendrás |
|---|---|---|
| Agregar el enrutador a una aplicación | Instalación | Una Page nativa renderizada a través de RouterView |
| Aprenda construyendo | Tu primera aplicación | Una lista, una página de detalles y un editor modal protegido, con el código fuente completo |
| Comprender el comportamiento | Pages, stacks y estado | Un modelo para la ciclo de vida de la página, Back nativo, pestañas y propiedad modal |
| Evalúa las posibilidades | Galería de ejemplos | Grabaciones reales vinculadas a guías, código ejecutable y límites de la plataforma |
| Resolver una tarea de aplicación | Tareas comunes | Una ruta a la API relevante y sus restricciones importantes |
El tutorial presupone conocimientos básicos de componentes Vue de un solo archivo y un proyecto NativeScript-Vue en funcionamiento. Introduce un stack antes de añadir resultados y guards. Fieldnotes es el siguiente paso: drawer, búsqueda nativa, acciones compartidas y las mismas reglas de conservación del estado.
Elige una estructura de navegación
Comience con un RouterView. Agregue tabs para historiales de destinos independientes, drawer para un menú sobre contenido existente, o list/detail para un diseño compacto/ampliado. Un modal posee temporalmente un stack separado y puede devolver un valor.
La guía del contenedor Capacidades nativas y opciones de contenedores explica las combinaciones admitidas, incluido por qué un drawer, una barra lateral de pestañas nativa y un controlador dividido UIKit son propietarios diferentes.
Agregar la experiencia nativa
Mantener títulos y botones en ActionBar de NativeScript. Utilice acciones de página Page acciones para compartir el comportamiento entre encabezados, menús y comandos de teclado compatibles. Agregue menús contextuales Vistas previas del menú contextual, transiciones, enfoque y comportamiento de movimiento según el flujo los necesite.
Para la integración de aplicaciones, continúe con enlaces profundos, selectores de sistema, restauración de estado y diagnósticos. Las convenciones de archivos y las integraciones experimentales tienen sus propias guías avanzadas; las rutas explícitas siguen siendo las predeterminadas.
Si vienes de Vue Router
Los nombres de métodos familiares ayudan, pero una aplicación móvil tiene varias páginas stacks nativas y retenidas posibles. Lea las diferencias, luego el modelo mental Páginas, stacks y estado, antes de confiar en las suposiciones de ciclo de vida de la página web.
El paquete es un candidato de lanzamiento. Compatibilidad identifica las dependencias admitidas, las API experimentales y los límites de validación restantes. La referencia API es el índice de búsqueda una vez que sabes qué parte del sistema necesitas.