Skip Showcase

O Skip Showcase é um catálogo abrangente e interativo de componentes de interface do usuário criados com o Skip, a ferramenta de desenvolvimento multiplataforma que permite escrever um único aplicativo em Swift e SwiftUI e executá-lo nativamente tanto no iOS quanto no Android.

Este aplicativo foi escrito inteiramente em Swift e SwiftUI. No iOS, ele é executado como um aplicativo SwiftUI nativo padrão. No Android, o mesmo código Swift é compilado nativamente usando o SDK oficial do Swift para Android, e o framework SkipUI do Skip traduz as visualizações do SwiftUI para o Jetpack Compose, produzindo uma experiência genuinamente nativa do Android.

O Skip Showcase é a maneira ideal de comparar a aparência e o comportamento dos componentes SwiftUI em ambas as plataformas. Cada tela do aplicativo é o mesmo código-fonte Swift executado tanto no iOS quanto no Android, para que você possa ver exatamente como o Skip mapeia o SwiftUI para os controles nativos do Android.

O aplicativo abrange uma ampla gama de recursos do SwiftUI, incluindo:

Controles de IU: Botão, Alternar, Deslizador, Stepper, Seletor, Seletor de Data, Campo de Texto, Campo Seguro, Editor de Texto, Menu e muito mais.

Layout: Visualizações em pilha (HStack, VStack, ZStack), Grade, Formulário, Lista, ScrollView, Espaçador, GeometryReader, ViewThatFits, SafeArea e Frame.

Navegação: NavigationStack, TabView, Planilha, ConfirmationDialog, Alerta, Barra de Ferramentas, DisclosureGroup e Link.

Gráficos e Efeitos: Forma, Gradiente, Sombra, Desfoque, BlendMode, Máscara, Sobreposição, Borda, Animação, Transição, Transformação e efeitos de cor.

Dados e Estado: @State, @Observable, @Environment, Chaves de Preferência, FocusState, ScenePhase, Armazenamento, Temporizador e Notificação.

Texto e Mídia: Estilização de texto, Símbolos SF, Imagem, VideoPlayer, Animações Lottie e Localização.

Integração com Plataformas: Feedback tátil, Manipulação de teclado, Área de transferência, ShareLink, Busca, WebView, Mapa, Banco de dados SQL, Keychain, Seletor de documentos e Autenticação Web.

Compose personalizado: Demonstra como incorporar visualizações personalizadas do Jetpack Compose diretamente no código SwiftUI usando a ponte ComposeView do Skip.

O Skip Showcase é de código aberto. Navegue pelo código-fonte em https://github.com/skiptools/skipapp-showcase-fuse para ver como cada componente é implementado.

Saiba mais sobre o Skip em https://skip.dev