27.5 Adding the Tab Items
When the layout is now previewed, the first content view will be visible along with the tab bar located along the bottom edge of the screen. Since no tab items have been added, the tab bar is currently empty. Clearly the next step is to apply a tab item to each content view using the tabItem() modifier. In this example, each tab item will contain a Text and an Image view:
var body: some View {
TabView {
Text("First Content View")
.tabItem {
Image(systemName: "1.circle")
Text("Screen One")
}
Text("Second Content...