Skip Showcase

Skip Showcase è un catalogo completo e interattivo di componenti di interfaccia utente creati con Skip, lo strumento di sviluppo multipiattaforma che consente di scrivere un'app in Swift e SwiftUI ed eseguirla nativamente sia su iOS che su Android.

Questa app è interamente scritta in Swift e SwiftUI. Su iOS, viene eseguita come una normale app nativa SwiftUI. Su Android, lo stesso codice Swift viene compilato nativamente utilizzando l'SDK ufficiale di Swift per Android e il framework SkipUI di Skip traduce le viste SwiftUI in Jetpack Compose, producendo un'esperienza Android nativa autentica.

Skip Showcase è il modo ideale per confrontare l'aspetto e il comportamento dei componenti SwiftUI su entrambe le piattaforme. Ogni schermata dell'app presenta lo stesso codice sorgente Swift in esecuzione sia su iOS che su Android, in modo da poter vedere esattamente come Skip mappa SwiftUI ai controlli nativi di Android.

L'app copre un'ampia gamma di funzionalità di SwiftUI, tra cui:

Controlli UI: Button, Toggle, Slider, Stepper, Picker, DatePicker, TextField, SecureField, TextEditor, Menu e altro ancora.

Layout: Stack view (HStack, VStack, ZStack), Grid, Form, List, ScrollView, Spacer, GeometryReader, ViewThatFits, SafeArea e Frame.

Navigazione: NavigationStack, TabView, Sheet, ConfirmationDialog, Alert, Toolbar, DisclosureGroup e Link.

Grafica ed effetti: Forma, sfumatura, ombra, sfocatura, BlendMode, maschera, sovrapposizione, bordo, animazione, transizione, trasformazione ed effetti colore.

Dati e stato: @State, @Observable, @Environment, tasti di preferenza, FocusState, ScenePhase, Storage, Timer e notifiche.

Testo e media: Stile del testo, simboli SF, immagine, VideoPlayer, animazioni Lottie e localizzazione.

Integrazione con la piattaforma: Feedback aptico, gestione della tastiera, appunti, ShareLink, funzionalità di ricerca, WebView, mappa, database SQL, portachiavi, selettore documenti e autenticazione web.

Composizione personalizzata: questo esempio mostra come incorporare viste personalizzate di Jetpack Compose direttamente nel codice SwiftUI utilizzando il bridging ComposeView di Skip.

Skip Showcase è open source. Consulta il codice sorgente all'indirizzo https://github.com/skiptools/skipapp-showcase-fuse per vedere come è implementato ogni componente.

Scopri di più su Skip all'indirizzo https://skip.dev