Viste condizionali
Fa parte della sezione Introduzione a SwiftUI del percorso Swift di Coddy. Lezione 22 di 50.
Un if all'interno di un body determina se una vista è presente oppure no:
@State private var showDetails = false
var body: some View {
VStack {
Button("Show details") {
showDetails.toggle()
}
if showDetails {
Text("Made with SwiftUI")
}
}
}Mentre showDetails è false, il testo non fa parte dello schermo. Dopo il tocco, appare. Un ramo else mostra invece una vista diversa:
if isLoggedIn {
Text("Welcome back")
} else {
Button("Log in") { isLoggedIn = true }
}
Sfida
FacileIl testo Made with SwiftUI dovrebbe apparire solo dopo che l’utente tocca Show details. Fai in modo che il pulsante imposti showDetails e mostra il testo (con il suo identificatore) solo quando showDetails è true.
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