How to embed views in a tab bar using TabView

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-embed-views-in-a-tab-bar-using-tabview]

 

How to embed views in a tab bar using TabView

 

SwiftUI의 TabView는 UITabBarController와 같은 것을 제공하며, 화면의 하단에 바를 사용해서 사용자가 여러개의 활성화 뷰들간을 전환할 수 있습니다.

 

기본 형태로, 각 항목에 이미지와 제목을 제공해야하며, 프로그래밍으로 활성 탭을 제어하려는 경우에 태그를 추가할 수도 있습니다. 예를들어, 다음은 다른 이미지, 제목, 태그(tags)로 2개의 뷰를 만듭니다.

struct ContentView: View {    
    var body: some View {
        TabView {
            Text("First View")
                .tabItem {
                    Image(systemName: "1.circle")
                    Text("First")
                }.tag(0)
            Text("Second View")
                .tabItem {
                    Image(systemName: "2.circle")
                    Text("Second")
                }.tag(1)
        }
    }
} 

 

태그를 추가하는 경우에, 프로그래밍적으로 탭뷰의 선택을 수정해서 활동 탭을 제어할 수 있습니다. 우선, 활성 탭을 추적할 수 있는 상태(state)를 추가하세요.

@State var selectedView = 1

 

이제 다음과 같이 그것을 TabView로 전달하세요.

TabView(selection: $selectedView) {