How to preview your layout in different devices

 

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

 

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

 

How to preview your layout in different devices

 

Xcode의 SwiftUI 미리보기는 .previewDevice() modifier를 사용해서 동시에 여러개의 화면 크기로 디자인을 보여줍니다. 이것은 Xcode의 대상(destination) 메뉴에 보여지는 기기의 정확한 이름이 제공되야 합니다. 예를들어, iPhone XS Max.

 

예를들어, 다음은 iPhone SE에서의 미리보기를 보여줍니다.

ContentView()
    .previewDevice(PreviewDevice(rawValue: "iPhone SE"))

 

미리보기에 특정 기기를 사용 할때, 미리보기 윈도우에 있는 기기 아래에 이름을 넣을 수 있는 previewDisplayName() modifier를 추가하는 것이 유용하다는 것을 알게 될 것입니다.

 

예를들어, 다음은 2개의 다른 기기에 대한 2개의 미리보기를 만들고, 무엇인지 명확하게 하기 각각 이름을 추가합니다. 

#if DEBUG
struct ContentView_Previews: PreviewProvider {
   static var previews: some View {
      Group {
         ContentView()
            .previewDevice(PreviewDevice(rawValue: "iPhone SE"))
            .previewDisplayName("iPhone SE")

         ContentView()
            .previewDevice(PreviewDevice(rawValue: "iPhone XS Max"))
            .previewDisplayName("iPhone XS Max")
      }
   }
}
#endif