기어가더라도 제대로

[SwiftUI-기초] NavigationLink 본문

SwiftUI - 기초

[SwiftUI-기초] NavigationLink

Damagucci-juice 2022. 11. 9. 22:59
  • UIKit 에서 UIView를 다룰 때 Stack 이라는 개념을 쓰는데, 그것을 가능하게 해주는 기능
  • NavigationView 안에 NavigationLink 를 선언 
NavigationView {
    List(0..<100) { row in
        NavigationLink {
            Text("Detail \(row)")
        } label: {
            Text("Row \(row)")
        }
    }
    .navigationTitle("SwiftUI")
}
  • Stack 구조에서 탑으로 위치함
  • 주로 List 에서 클릭을 하면 그 디테일 뷰로 들어가는 순서
  • .sheet() 과 비교했을 때, sheet 은 관련이 없는 뷰, 뭐 추가적인 뷰라면, NavigationLink 는 item의 detail 정보등을 담음 
    • 모달로 아래에서 위로 스와이프되면서 넘어가고, NavigationLink 는 오른쪽에서 넘어온다는 점이 다르다.

  • 더 깊이 파고 들어간다는 표시로 ">" 가 그레이색으로 표시되어 있음
  • 재밌는 점은 생성할 뷰에 대해서 그 부모 뷰에서 값을 넘겨줄 수 있다는 점
    • ForEach에서 다음 뷰로 Row의 값을 넘겨줌
  • UIKit의 UINavigationView 를 바로 사용하는 느낌이 들었다. 

  • 뒤로 돌아가는 백버튼이 전 뷰의 NavigationTitle과 맞춰서 생깁니다. 

2022.11.03 - [SwiftUI - 기초] - [SwiftUI-기초] .Sheet: modal 로 페이지 넘기기(dismiss)

 

[SwiftUI-기초] .Sheet: modal 로 페이지 넘기기(dismiss)

.alert 와 아주 유사한 메커니즘 마찬가지로 someView().present() 이런 메커니즘이 아닌 특정 조건을 만족하면 뷰가 나타나게 설정 후속적으로 보여지는 뷰가 자신이 후속적으로 나타나는 뷰라는 것을

damagucci-juice.tistory.com

 

Comments