BOID

[SwiftUI] NavigatonViewStyle에 대해 알아보기 본문

swiftUI시작기

[SwiftUI] NavigatonViewStyle에 대해 알아보기

HoonIOS 2022. 6. 5. 15:22

안녕하세요, HoonIOS입니다.

저번에는 NavigationView에 대해 알아봤는데 이번에는 애플에서 제공하는 navigationViewStyle 수식어들에 대해 원하는 스타일을 적용하도록 한번 살펴보겠습니다.

 

내비게이션 뷰 스타일은 크게 3가지를 제공합니다.

내비게이션 뷰에 스타일을 적용하는 방법은 아래와 같습니다. 

 

NavigationView { }
	.navigationViewStyle(...)

 

스타일 종류 설명
DefaultNavigationViewStyle - 내비게이션 뷰의 기본 스타일
- 자동으로 스타일을 결정
- watchOS에서만 제외하고 모두 사용이 가능
StackNaviagtionViewStyle - 계층 구조를 하나 뷰로 나가는 스타일
- tvOS, iOS에서 사용 가능
- NavigationVIew안에 여러 뷰를 생성했으면 맨 처음에 있는 뷰만 인식 
DoubleColumnNavigationViewStyle - UIKit에서 SplitViewController의 역할
- 만약 사용할수 없는 OS면 자동으로 StackNavigationViewStyle로 전환이 된다.
-NaviagtionView안에 여러 뷰를 생성했으면 맨 처음과 맨 마지막 뷰만 인식을 한다.

DoubleColumnNaviagationViewStyle이 어떤 형식으로 보이는지 확인해보겠습니다.

 

iPhone 12Pro max를 Lanscape 한 후에 실행을 해보면 위와 같이 DoubleColumnNaviagationViewStyle형태로 ViewController가 보이는 것을 확인할 수 있습니다.

 

반응형
Comments