Skip Showcase

Skip Showcase is een uitgebreide, interactieve catalogus van gebruikersinterfacecomponenten die zijn gebouwd met Skip, de platformonafhankelijke ontwikkeltool waarmee je één app in Swift en SwiftUI kunt schrijven en deze native kunt uitvoeren op zowel iOS als Android.

Deze app is volledig geschreven in Swift en SwiftUI. Op iOS draait hij als een standaard native SwiftUI-app. Op Android wordt dezelfde Swift-code native gecompileerd met behulp van de officiële Swift SDK voor Android, en het SkipUI-framework van Skip vertaalt SwiftUI-views naar Jetpack Compose, wat resulteert in een volledig native Android-ervaring.

Skip Showcase is de ideale manier om te vergelijken hoe SwiftUI-componenten eruitzien en zich gedragen op beide platforms. Elk scherm in de app gebruikt dezelfde Swift-broncode die op zowel iOS als Android draait, zodat je precies kunt zien hoe Skip SwiftUI omzet naar native Android-besturingselementen.

De app behandelt een breed scala aan SwiftUI-functies, waaronder:

UI-besturingselementen: knop, schakelaar, schuifregelaar, stappenregelaar, keuzelijst, datumkiezer, tekstveld, beveiligd veld, teksteditor, menu en meer.

Indeling: Stack views (HStack, VStack, ZStack), Grid, Form, List, ScrollView, Spacer, GeometryReader, ViewThatFits, SafeArea en Frame.

Navigatie: NavigationStack, TabView, Sheet, ConfirmationDialog, Alert, Toolbar, DisclosureGroup en Link.

Grafische elementen en effecten: Vorm, Gradiënt, Schaduw, Vervaging, BlendMode, Masker, Overlay, Rand, Animatie, Overgang, Transformatie en Kleureffecten.

Gegevens en status: @State, @Observable, @Environment, Voorkeurssleutels, FocusState, ScenePhase, Opslag, Timer en Melding.

Tekst en media: Tekststijl, SF-symbolen, Afbeelding, VideoPlayer, Lottie-animaties en Lokalisatie.

Platformintegratie: Haptische feedback, Toetsenbordbediening, Klembord, ShareLink, Doorzoekbaar, WebView, Kaart, SQL-database, Keychain, Documentkiezer en Webauthenticatie.

Aangepaste Compose: Demonstreert hoe je aangepaste Jetpack Compose-weergaven rechtstreeks in SwiftUI-code kunt integreren met behulp van Skip's ComposeView-bridging.

Skip Showcase is open source. Bekijk de broncode op https://github.com/skiptools/skipapp-showcase-fuse om te zien hoe elk onderdeel is geïmplementeerd.

Meer informatie over Skip vind je op https://skip.dev