Vistas condicionales
Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 22 de 50.
Un if dentro de un cuerpo decide si una vista está presente:
@State private var showDetails = false
var body: some View {
VStack {
Button("Show details") {
showDetails.toggle()
}
if showDetails {
Text("Made with SwiftUI")
}
}
}Mientras showDetails es false, el texto no forma parte de la pantalla. Después del toque, aparece. Una rama else muestra otra vista en su lugar:
if isLoggedIn {
Text("Welcome back")
} else {
Button("Log in") { isLoggedIn = true }
}
Desafío
FácilEl texto Made with SwiftUI solo debería aparecer después de que el usuario pulse Show details. Haz que el botón establezca showDetails y muestra el texto (con su identificador) solo cuando showDetails sea true.
Pruébalo tú mismo
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Introducción a SwiftUI
2Mostrar contenido
Vistas de textoNúmeros en el textoFuentesColoresSF SymbolsRepaso: etiqueta de precio5Estado y botones
BotonesLa propiedad @StateEstado verdadero o falsoVistas condicionalesRepaso: contador de puntuaciónPractica por tu cuenta: Playground de Swift