SwiftUI ile TabView kullanımı

Merhabalar bu yazımda SwiftUI ile TabView kullanımını sizlerle paylaşacağım.

TabView, UIKit içerisinde kullandığımız UITabBar sınıfına karşılık olarak gelmekte. Uygulama içerisinde kullanımı ve sayfa gösterimi oldukça basit.

Aşağıda yazdığım örneği inceleyebilirsiniz.

import SwiftUI

struct ContentView:View {

    @State var activeTab:Int = 1
    
    var body: some View {
        TabView(selection: $activeTab) {
            Text("Home").tabItem {
                VStack {
                    Image(systemName: "globe")
                    Text("Home")
                }
            }.tag(1)
            PageLink().tabItem {
                VStack {
                    Image(systemName: "link")
                    Text("Link")
                }
            }.tag(2)
            Text("Books").tabItem {
                VStack {
                    Image(systemName: "bookmark")
                    Text("Books")
                }
            }.tag(3)
        }
    }
}

struct PageLink:View {
    
    var body: some View {
        Image("space")
        .resizable()
        .frame(width: 256, height: 256, alignment: .center)
        .clipShape(Circle())
        .overlay(Circle()
        .stroke(Color.black,lineWidth: 1))
        .shadow(radius: 10)
        .scaledToFit()
    }
}