Conditional Views with If-Else Statements in SwiftUI

Summary

Key Points

• —The presenter introduces conditional views in SwiftUI, building on the concept that a view's body can contain only one container view such as a VStack or ZStack. 0:15
• —An if‑else statement is placed inside the body to return different view hierarchies depending on the isLoggedIn state. 0:53
• —A @State variable named isLoggedIn is declared to track whether the user is logged in, holding a Boolean value. 1:06
• —A button placed outside the if‑else block remains visible regardless of the login state, allowing the user to toggle isLoggedIn. 1:45
• —When isLoggedIn is true, the view displays a rectangle and a text label inside a ZStack. 2:07
• —When isLoggedIn is false, the view displays a simple text prompting the user to log in. 2:10
• —Pressing the button updates the isLoggedIn state, causing SwiftUI to recompute the body and switch between the two conditional view branches. 2:37
• —The demonstration shows how conditional rendering lets developers show or hide UI elements based on Boolean conditions, a common pattern in SwiftUI apps. 2:42
• —The instructor notes that this technique will be used in upcoming lectures and encourages viewers to ask questions in the comments. 3:07