[iOS/SwiftUI] NavigationStack

• 기존에 사용되던 NavigaitonView는 Deprecated 되고 NavigationView와 동일하게 NavigationStack을 사용하면 됨

 

• home indicator와 시계를 포함한 상단 영역에도 뷰를 위치 시킬 수 있으나 컨텐츠가 겹치기 때문에 사용자가 보기에 불편할 수 있음
• SwiftUI는 시스템 UI나 기기의 코너 영역을 피해 컴포넌트를 위치 시킬 수 있으나 스크롤 시 시스템 영역에 겹칠 수 있음
• 네비게이션을 사용하면 상단이 네비게이션 영역이 되므로 시스템 영역과 컨텐츠가 겹치지 않게 할 수 있음

 

    var body: some View {
        NavigationStack {
            Form {
                Section {
                    Text("red")
                    Text("yellow")
                    Text("black")
                }
            }
            .navigationTitle("제목")
            .navigationBarTitleDisplayMode(.large)
        }
    }

 

navigationBarTitleDisplayMode가 inline인 경우

• 상단에 작은 타이틀이 고정영역에 나타남

navigationBarTitleDisplayMode가 large인 경우

• Navigation title이 크게 노출되다가 스크롤시 inline과 같은 UI로 변경됨