TabView

struct TabView<SelectionValue, Content> 
    where SelectionValue : Hashable, Content : View

반응형 UI 요소로 여러 하위 뷰들을 바꿔 보여주는 뷰
UIKit의 UITabBarController와 비슷한 기능

Overview

탭으로 UI를 구성하기 위해서 TabView를 선언하고 하위 항목들에 tabItem(_:) 수정자를 붙여 각각의 탭을 만들 수 있다.

• badge(_:) 와 같은 수정자를 통해 탭에 badge를 표시 가능
• tabItem(_:) 에는 Text나 Image를 넣어야 한다.
  • 다른 것도 넣을 수는 있지만 보이지 않는다

struct TabViewPractice: View {
    var body: some View {
        TabView {
            SomeView1() // Tab 클릭 시 보여줄 뷰
                .badge(10)
                .tabItem { // 하단 탭 바에 표시될 내용
                    Label("Menu", systemImage: "list.dash")
                }
            SomeView2()
                .tabItem {
                    Text("Hello")
                }
        }
    }
}