[SwiftUI] NavigationStack

참고 사이트 및 출처

https://www.youtube.com/watch?v=ZQXzZ1hxQwo 

 

위 원본 영상을 참고 하시면 더 자세히 알 수 있습니다! 위 영상이 있어 해당 포스팅은 공부하다 알게된 점만 적어 놓았습니다.

 

NavigationLink

NavigationLink를 사용하면 네비게이션 스택을 쌓을 수 있음

        NavigationView {
            VStack {
                NavigationLink(value: <#T##Hashable?#>, label: <#T##() -> View#>)
            }
            .padding()
        }

• value 는 이동 시키기 위해 링크를 걸 뷰, label은 스택으로 쌓을 뷰를 클로저로 전달

        NavigationView {
            VStack {
                NavigationLink {
                    Text("두 번째 뷰")
                } label: {
                    Text("첫 번째 뷰")
                }
            }
            .padding()
        }

(아니 버튼도 아니고 텍스트 뷰에 링크 걸리는게 너무 신기하다)

 

NavigationStack

    var body: some View {
        NavigationStack {
  
        }
    }

• NavigationStack을 사용하면 데이터 driven한 Navigation을 만들 수 있음

        NavigationStack {
            List {
                Section("Manufacturerers") {
                    ForEach(brands) { brand in
                        NavigationLink(value: brand) { // value based
                            Text(brand.name)
                        }
                    }
                }
            }
            .navigationDestination(for: CarBrand.self) { brand in
                Text("New \(brand.name)")
            }
        }

• NavigationStack안에서 NavigationLink를 포함시키고 NavigationLink를 눌렀을 때 이동할 뷰는 navigationDestination에서 설정해 줌 

 

• 서로 다른 데이터를 가지고 다른 뷰로 연결하기

        NavigationStack {
			// 생략
            .navigationDestination(for: CarBrand.self) { brand in
                Text("New \(brand.name)")
            }
            .navigationDestination(for: Car.self) { car in
                Color(.systemRed)
            }
        }

• navigationDestination을 추가해서 타입 별로 뷰를 연결해 줄 수 있음

NavigationPath

@State private var navigationPath = [CarBrand]()

• 리스트를 선언해 줌

 NavigationStack(path: $navigationPath) {
 // 생략

• NavigationStack의 path 인자로 바인딩 해줌(two-way binding)

navigationPath = []

• path에 빈 리스트를 전달하는 경우 rootView로 이동함 (UINavigationViewController 에서 popToRootViewController와 같음)
• 특정 값이 존재하는 리스트를 전달하는 경우 그 값과 매치되는 뷰를 Stack에 쌓음