개발/SWIFT 아이폰 / / 2023. 7. 20. 10:51

SwiftUI 바텀 네비게이션 TabView 만들기

반응형

바텀 네비게이션 탭뷰 만들기

struct ContentView: View {
    @State private var selectedTab = 0
    
    var body: some View {
        TabView(selection: $selectedTab) {
            // 첫 번째 탭의 내용
            View1()
                .tabItem {
                    Image(systemName: "house.fill")
                    Text("홈")
                }
                .tag(0)
            
            // 두 번째 탭의 내용
            View2()
                .tabItem {
                    Image(systemName: "heart.fill")
                    Text("좋아요")
                }
                .tag(1)
            
            // 세 번째 탭의 내용
            View3()
                .tabItem {
                    Image(systemName: "person.fill")
                    Text("프로필")
                }
                .tag(2)
        }
    }
}

struct View1: View {
    var body: some View {
        Text("첫 번째 탭")
    }
}

struct View2: View {
    var body: some View {
        Text("두 번째 탭")
    }
}

struct View3: View {
    var body: some View {
        Text("세 번째 탭")
    }
}
반응형
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유