조건부 뷰
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 22번째.
본문 안의 if는 뷰가 아예 존재하는지 여부를 결정합니다:
@State private var showDetails = false
var body: some View {
VStack {
Button("Show details") {
showDetails.toggle()
}
if showDetails {
Text("Made with SwiftUI")
}
}
}showDetails가 false인 동안 텍스트는 화면의 일부가 아닙니다. 탭한 후 텍스트가 나타납니다. else 분기는 대신 다른 뷰를 표시합니다:
if isLoggedIn {
Text("Welcome back")
} else {
Button("Log in") { isLoggedIn = true }
}
챌린지
쉬움Made with SwiftUI 텍스트는 사용자가 Show details를 탭한 후에만 나타나야 합니다. 버튼이 showDetails를 설정하도록 만들고, showDetails가 true일 때만 식별자와 함께 텍스트를 표시하세요.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드