VStack
Fa parte della sezione Introduzione a SwiftUI del percorso Swift di Coddy. Lezione 9 di 50.
Un corpo restituisce una sola vista. Per mostrarne diverse, inseriscile in uno stack. VStack dispone le sue viste dall’alto verso il basso:
VStack {
Text("Coddy Cafe")
.font(.title)
Text("Open 8:00 to 18:00")
}Le viste vanno all’interno delle parentesi graffe, una per riga, nell’ordine in cui appaiono sullo schermo. Ognuna può avere i propri modificatori.
Anche uno stack è una vista, quindi puoi applicare uno stile allo stack stesso. Un modificatore applicato allo stack si applica alle viste al suo interno che non ne impostano uno proprio:
VStack {
Text("Coffee")
Text("Tea")
}
.font(.headline)
Sfida
PrincipianteMostra una scheda di contatto: una VStack con due testi, Ada Lovelace in alto e Engineer sotto. Imposta il font .title per il nome.
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