Menu
CoddyTech

Spacer e ZStack

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

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

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

In una VStack, uno Spacer allontana le viste in verticale.

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

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ì che il prezzo venga 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