תצוגות מותנות
חלק מהיחידה מבוא ל-SwiftUI במסלול ה-Swift של Coddy. שיעור 22 מתוך 50.
תנאי 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
תרגלו בעצמכם: SwiftUI אונליין