As vistas con pestanas créanse utilizando a vista de contedor TabView e consisten nunha gama de vistas secundarias que representan as pantallas a través das cales o usuario navegará.

TabView presenta unha barra de pestanas na parte inferior do deseño que contén os elementos para navegar entre as vistas secundarias.

.tabItem #

• Un elemento de pestana (.tabItem) aplícase a cada vista de contido utilizando un modificador
• Pódese personalizar para conter vistas de texto e imaxe (outros tipos de vista non son compatibles).

A pestana seleccionada actualmente tamén se pode controlar mediante programación engadindo etiquetas aos elementos da pestana.

A seguinte imaxen mostra un exemplo de deseño de TabView:

Exemplo #

import SwiftUI

struct ContentView: View {
    var body: some View {
        TabView {
            Text("Contido Pantalla 1")
                .tabItem {
                    Image(systemName: "1.circle")
                    Text("Pantalla 1")
                }
            Text("Contido Pantalla 2")
                .tabItem {
                    Image(systemName: "2.circle")
                    Text("Pantalla 2")
                }
            Text("Contido Pantalla 3")
                .tabItem {
                    Image(systemName: "3.circle")
                    Text("Pantalla 3")
                }
        }
        .font(.largeTitle)
    }
}