SwiftUI TabView 사용하기

  • 이번에는 SwiftUI의 TabView에 대해 알아보겠다.
  • Swift 기본 문법을 숙지하고 있다는 가정 하에 작성되었다.

TabView 역할

  • SwiftUI TabView의 역할은 UIKit의 UITabBarController와 비슷하다.
  • 하나의 화면에 여러 개의 View를 Tab 방식으로 보여주는 것이다.

TabView 형태

  • TabView의 형태는 다음과 같이 TabView 안에 여러 개의 View를 넣는 형태이다.
TabView {
	// Views
}

TabView 사용하기

  • TabView 안에 표시할 View(ContentViewSeven, ContentViewEight)를 넣어보았다.
  • 각 View의 tabItem 속성 값으로는 Image와 Text를 넣었다.
  • Image는 SF Symbols 값을, Text는 String 값을 넣었다.
TabView {
    ContentViewSeven()
        .tabItem {
            Image(systemName: "list.dash")
            Text("Menu")
        }

    ContentViewEight()
        .tabItem {
            Image(systemName: "square.and.pencil")
            Text("Order")
        }
}
swiftui-tutorial-tab-view

관련 글