Menu
Coddy logo textTech

Spacer e ZStack

Fa parte della sezione Introduzione a SwiftUI del percorso Swift di Coddy. Lezione 12 di 50.

Un Spacer occupa tutto lo spazio libero in uno stack. In un HStack spinge a sinistra le viste che lo precedono e a destra quelle che lo seguono:

HStack {
    Text("Total")
    Spacer()
    Text("$12.50")
}

In un VStack, uno Spacer allontana verticalmente le viste.

ZStack dispone le viste una sopra l'altra. La prima vista è sullo sfondo e ciascuna successiva si trova sopra:

ZStack {
    Color.blue
    Text("On top")
        .foregroundStyle(.white)
}

Color.blue usato come vista riempie tutto lo spazio che gli viene assegnato, quindi qui diventa uno sfondo blu dietro al testo.

challenge icon

Sfida

Facile

Fai in modo che la riga del totale occupi tutta la larghezza: aggiungi uno Spacer tra Total e $12.50 così il prezzo viene spinto fino al bordo destro.

Provalo tu

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconMettiti alla prova

Questa lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.

Tutte le lezioni di Introduzione a SwiftUI

Esercitati da solo: Playground SwiftUI