Skip Showcase

Skip Showcase es un catálogo interactivo y completo de componentes de interfaz de usuario creados con Skip, la herramienta de desarrollo multiplataforma que permite escribir una sola aplicación en Swift y SwiftUI y ejecutarla de forma nativa tanto en iOS como en Android.

Esta aplicación está escrita íntegramente en Swift y SwiftUI. En iOS, se ejecuta como una aplicación nativa estándar de SwiftUI. En Android, el mismo código Swift se compila de forma nativa utilizando el SDK oficial de Swift para Android, y el framework SkipUI de Skip traduce las vistas de SwiftUI a Jetpack Compose, lo que proporciona una experiencia Android totalmente nativa.

Skip Showcase es la forma ideal de comparar el aspecto y el comportamiento de los componentes de SwiftUI en ambas plataformas. Cada pantalla de la aplicación utiliza el mismo código fuente Swift que se ejecuta tanto en iOS como en Android, para que puedas ver exactamente cómo Skip asigna SwiftUI a los controles nativos de Android.

La aplicación abarca una amplia gama de funciones de SwiftUI, incluyendo:

Controles de interfaz de usuario: Botón, Interruptor, Deslizador, Paso a paso, Selector, Selector de fecha, Campo de texto, Campo seguro, Editor de texto, Menú y más.

Diseño: Vistas de pila (HStack, VStack, ZStack), cuadrícula, formulario, lista, ScrollView, espaciador, GeometryReader, ViewThatFits, SafeArea y marco.

Navegación: NavigationStack, TabView, Sheet, ConfirmationDialog, Alert, Toolbar, DisclosureGroup y Link.

Gráficos y efectos: Forma, degradado, sombra, desenfoque, modo de fusión, máscara, superposición, borde, animación, transición, transformación y efectos de color.

Datos y estado: @State, @Observable, @Environment, claves de preferencia, FocusState, ScenePhase, almacenamiento, temporizador y notificación.

Texto y multimedia: Estilo de texto, símbolos SF, imagen, reproductor de vídeo, animaciones Lottie y localización.

Integración de plataforma: Retroalimentación háptica, manejo de teclado, portapapeles, ShareLink, búsqueda, WebView, mapa, base de datos SQL, llavero, selector de documentos y autenticación web.

Compose personalizado: Demuestra cómo integrar vistas personalizadas de Jetpack Compose directamente en código SwiftUI mediante la integración de ComposeView de Skip.

Skip Showcase es de código abierto. Consulta el código fuente en https://github.com/skiptools/skipapp-showcase-fuse para ver cómo se implementa cada componente.

Obtén más información sobre Skip en https://skip.dev