33.6 Adding the Tab Items

As currently implemented, there is no visual indication to the user that more views are available other than the first view. An alternative to the page view style is to implement the TabView with a 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("...