[SwiftUI] Column Style NavigationView

Column Style

• 프로맥스와 같이 화면이 넓은 기기는 landscape 방식일 때 sheet 방식이 아닌 displace 방식으로 화면이 전환된다.
• 이런 navigation style을 column style이라고 한다.
• 이는 ipad, macOS도 마찬가지이다.

style 설정

• .navigationViewStyle 모디파이어 사용

• 추가 위치는 NavigationView에 직접 추가해야 한다.

• stack 스타일은 ipad와 iOS에서만 가능
  

• 특별한 이유가 없다면 넓은 화면의 디바이스는 column 스타일을 사용하는 것이 바람직하다.

두번째 화면 지정

• landscape 일때와 달리 portrait 모드에서는 두번째 화면을 기본적으로 표시하지 않는다.
• NavigationView 안에 List가 있다면 이는 왼쪽에 표시되는 첫번째 뷰가 된다.
• 바로 뒤에 뷰를 추가한다면 이게 두번째 뷰로 표시된다.
• 가장 먼저 보여주고 싶은 뷰를 두번째로 표시하면 된다.

• navigationView는 two-column view에서 컬럼을 최대 3개까지 지원한다.
• 이 경우 가장 먼저 표시되는 뷰는 3번째 뷰가 된다.
  • 백버튼을 누르면 두번째가, 거기서 백버튼을 또누르면 첫번째 뷰가 표시된다.
• landscape일때는 두번째, 세번째 뷰가 처음에 동시에 표시된다.
• 첫번째 navigation-> 두번째 뷰에 표시
• 두번째 navigation-> 세번째 뷰에 표시
• 세번째 navigation-> 더이상 표시 불가하므로 push방식으로 표시

macOS에서 툴바 표시

메뉴에 사이드바 토글 추가하기

• 앱 파일에 commands 모디파이어 추가