HStack
Fa parte della sezione Introduzione a SwiftUI del percorso Swift di Coddy. Lezione 10 di 50.
HStack dispone le viste da sinistra a destra:
HStack {
Image(systemName: "sun.max.fill")
.foregroundStyle(.yellow)
Text("Sunny")
}Gli stack possono essere nidificati. Una disposizione comune è uno VStack di righe, dove ogni riga è uno HStack:
VStack {
HStack {
Text("Coffee")
Text("$3")
}
HStack {
Text("Tea")
Text("$2")
}
}
Sfida
FacileCrea una riga meteo: un HStack con il simbolo cloud.sun.fill seguito dal testo Partly cloudy.
Provalo tu
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Mettiti alla provaQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Introduzione a SwiftUI
7Elenchi
Per ogni elementoElementi identificabiliElencoAggiungere elementiRiepilogo - Lista della spesa10Progetto - Coddy Coffee
Panoramica del progettoSchermate delle bevande
Scegli un formatoQuantità e totaleEffettua l'ordine2Mostrare contenuti
Viste di testoNumeri nel testoFontColoriSF SymbolsRiepilogo - Etichetta del prezzo5Stato e pulsanti
PulsantiLa proprietà @StateStato vero o falsoViste condizionaliRiepilogo - SegnapuntiEsercitati da solo: Playground SwiftUI