iOS Swift - Navigation
Which of the following code snippets correctly creates a
TabView with two tabs labeled "Dashboard" and "Settings" in SwiftUI?Which of the following code snippets correctly creates a TabView with two tabs labeled "Dashboard" and "Settings" in SwiftUI?
easy📝 Syntax Q3 of 15
Step-by-Step Solution
Solution:
Step 1: Check tabItem usage
The.tabItemmodifier requires a label with text and optionally an image.Step 2: Validate syntax
TabView { Text("Dashboard").tabItem { Label("Dashboard", systemImage: "speedometer") } Text("Settings").tabItem { Label("Settings", systemImage: "gear") } } correctly usesLabelwith text and system image insidetabItem.Step 3: Identify incorrect options
TabView { Text("Dashboard") Text("Settings") }.tabItem { Label("Dashboard", systemImage: "speedometer") } appliestabItemto the whole TabView, which is invalid. TabView { Text("Dashboard").tabItem(Label("Dashboard")) Text("Settings").tabItem(Label("Settings")) } misses system images. TabView { Text("Dashboard").tabItem { Image(systemName: "speedometer") } Text("Settings").tabItem { Image(systemName: "gear") } } uses only images without labels.Final Answer:
TabView { Text("Dashboard").tabItem { Label("Dashboard", systemImage: "speedometer") } Text("Settings").tabItem { Label("Settings", systemImage: "gear") } } is syntactically correct.Quick Check:
tabItem needs Label with text and image [OK]
Quick Trick: Use .tabItem with Label(text, systemImage) [OK]
Common Mistakes:
- Applying tabItem to TabView instead of child views
- Omitting systemImage in Label
- Using only Image without text in tabItem
Master "Navigation" in iOS Swift
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore iOS Swift Quizzes