The following SwiftUI code will generate Bottom Tab
public struct TeamBContentView : View {
public init() {}
public var body: some View {
VStack {
TabView {
Text("This is home screen")
.tabItem {
Text("Home")
Image(systemName: "house.fill")
}
Text("This is about us screen")
.tabItem {
Text("About Us")
Image(systemName: "person.fill")
}
Text("This is contct us screen")
.tabItem {
Text("Contact Us")
Image(systemName: "phone.fill")
}
}
}
}
}
As below
If I want to have it at the Top, is there a way easily transfer it to the Tab to the top of the screen instead?
public struct TeamBContentView : View {
@State private var selectedTab = 0
public init() {}
public var body: some View {
VStack {
// Use picker view and set picker style as segmented
Picker("Tabs", selection: $selectedTab) {
Text("Home").tag(0)
Text("About Us").tag(1)
Text("Contact Us").tag(2)
}
.pickerStyle(.segmented)
.padding()
Spacer()
// Then display the view based on the tab selected
switch selectedTab {
case 0:
Text("This is home screen")
case 1:
Text("This is about us screen")
case 2:
Text("This is contact[enter image description here][1] us screen")
default:
Text("This is home screen")
}
Spacer()
}
.navigationBarBackButtonHidden() // use this to hide the back button
}
}