Míralo. Constrúyelo.

Elige una aplicación completa o una interacción nativa enfocada. Cada tarjeta abre una guía con los límites de grabación, fuente ejecutable y plataforma. Comience con , su primera aplicación, luego siga las notas de campo Notas de campo: un ejemplo de navegación nativa integrada para crear más funciones.

Los filtros describen , la plataforma registrada, no todas las plataformas compatibles con esa función. Los clips nativos provienen de compilaciones reales de simuladores/emuladores. El visor de diagnóstico se ejecuta en un navegador con informes de enseñanza explícitamente sintéticos.

Encuentra un ejemplo

Plataforma de grabación

10 ejemplos encontrados

iOS 26

COMIENCE AQUÍ

Tu primer flujo completo

Lista, detalle, un editor modal y un guard. Cada archivo del tutorial también se ejecuta en la demostración.

Ver el vídeo y el código →

iOS 26

APLICACIÓN INTEGRADA

Fieldnotes

Drawer, búsqueda, acciones compartidas y estado conservado en una pequeña app.

Ver el vídeo y el código →

iOS 26

APLICACIÓN INTEGRADA

Airbnb NS

Feed de alojamiento, favoritos, pestañas y transición de la tarjeta al detalle.

Ver el vídeo y el código →

iOS / iPadOS 18.6

CONTENEDOR

drawer adaptativo

Superposición y panel permanente con las mismas páginas, historiales y borradores.

Ver el vídeo y el código →

iOS 18.6

EXPERIENCIA NATIVA

Una acción, varias superficies

El encabezado y el menú comparten título, disponibilidad, estado de ocupación y errores.

Ver el vídeo y el código →

Android 16

CONTENEDOR

Historial por pestaña

Navegar, cambiar de pestaña y volver a la misma posición en cada pila.

Ver el vídeo y el código →

Android 16

FLUJO NATIVO

Un bottom sheet enrutado

Presentar una página nativa en una hoja de Material con historial y manejo de Back.

Ver el vídeo y el código →

Android 16

CONTENEDOR

Menú Android y Back

Back cierra el drawer abierto antes de eliminar una página.

Ver el vídeo y el código →

Android 16

EXPERIMENTAL

Datos, error y reintento

Observe la carga de datos por entrada sin bloquear la presentación nativa.

Ver el vídeo y el código →

Navegador

HERRAMIENTA

Visor de diagnósticos

Investigar pilas, guards y desajustes en reportes locales. Datos de demostración sintéticos.

Ver el vídeo y el código →

Encuentra una tarea específica

Utilice tareas comunes para autenticación, ediciones no guardadas, pestañas independientes, enlaces profundos y restauración de estado. El libro de recetas de características Ejemplos y videos por característica conserva los videos existentes y los fragmentos copiables, incluidas las grabaciones más antiguas identificadas por versión.

Para obtener un editor de navegador conectado a su dispositivo, pruebe StackBlitz Playground. Para conocer la línea base de tiempo de ejecución/paquete admitido, consulte compatibilidad.