How to preview your layout in a navigation view

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-preview-your-layout-in-a-navigation-view]

 

How to preview your layout in a navigation view

 

알고 있는 뷰를 디자인한 경우에 네비게이션 스택의 일부로 표현될 것이지만, 자체적으로 네비게이션 뷰를 포함하지는 않은 경우에, 기본적으로 네비게이션 바 제목 또는 버튼을 보여주지 않습니다. 

 

다행히도, 미리보기에서 네비게이션 뷰에 여러분의 뷰를 추가할 수 있습니다 - 이는 실제로 라이브(live) 코드에 대한 것을 추가하지 않고 상단에 네비게이션 바가 있는 것을 시뮬레이션 하므로, 어떻게 보이는지 정확히 알수 있습니다.

 

예를들어, 해당 뷰는 네비게이션 뷰가 없지만 특정 뷰의 일부로 표시될때, 특정 방법으로 보여지도록 구성됩니다 - 다른 뷰에서 pushed 됩니다.

struct ContentView: View {
   var body: some View {
      Text("Hello World")
         .navigationBarTitle("Welcome")
   }
}

 

네비게이션 뷰를 미리보기 하려면, 다음과 같이 미리보기에 있는 컨텐츠 주변에 NavigationView를 추가하면 됩니다.

#if DEBUG
struct ContentView_Previews: PreviewProvider {
   static var previews: some View {
      NavigationView {
         ContentView()
      }
   }
}
#endif

 

뷰의 실제 레이아웃을 수정하지 않고 뷰가 어떻게 보이는지 정확하게 볼 수 있습니다.