Views Condicionais
Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 22 de 50.
Um if dentro de um corpo decide se uma visualização existe ou não:
@State private var showDetails = false
var body: some View {
VStack {
Button("Show details") {
showDetails.toggle()
}
if showDetails {
Text("Made with SwiftUI")
}
}
}Enquanto showDetails for false, o texto não fará parte da tela. Após o toque, ele aparecerá. Um ramo else mostra uma visualização diferente:
if isLoggedIn {
Text("Welcome back")
} else {
Button("Log in") { isLoggedIn = true }
}
Desafio
FácilO texto Made with SwiftUI deve aparecer somente depois que o usuário tocar em Show details. Faça o botão definir showDetails e mostre o texto (com seu identificador) somente quando showDetails for true.
Experimente você mesmo
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Introdução ao SwiftUI
4Modificadores
PreenchimentoPlanos de fundoOrdem dos modificadoresMolduras e formasRecapitulação - Criador de distintivos10Projeto - Coddy Coffee
Visão geral do projetoTelas de bebidas
Escolha um tamanhoQuantidade e totalFazer o pedido5Estado e Botões
BotõesA Propriedade @StateEstado Verdadeiro ou FalsoViews CondicionaisRecapitulação - Marcador de PontosPratique por conta própria: Playground de Swift