İçeriğe geç

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()
    }
}

 

Tarih:SwiftUI

İlk Yorumu Siz Yapın

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Copyright © 2020 Kenan Atmaca