Preview a device in landscape orientation with previewInterfaceOrientation

New in iOS 15, SwiftUI has finally support preview in landscape orientation so we can remove all the hack we did.

To preview our content in landscape orientation, we use previewInterfaceOrientation() modifier which accept InterfaceOrientation as an argument.

func previewInterfaceOrientation(_ value: InterfaceOrientation) -> some View

We have four orientations to choose from. By default, device previews use portrait orientation.

• portrait
• portraitUpsideDown
• landscapeLeft
• landscapeRight

Here is an example preview in the landscape left.

struct ContentView: View {
    var body: some View {
        ZStack {
            Color.pink
            VStack {
                Text("Hello, SwiftUI!")
                    .font(.largeTitle)
                    .bold()
                Spacer()
            }
        }
    }
}


struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .previewInterfaceOrientation(.landscapeLeft)
    }
}

We got our content previews in landscape and respected all the safe area insets. This is better than our previous workaround.

Read more article about SwiftUI, Xcode,

or see all available topic

Feel free to follow me on Twitter and ask your questions related to this post. Thanks for reading and see you next time.

If you enjoy my writing, please check out my Patreon https://www.patreon.com/sarunw and become my supporter. Sharing the article is also greatly appreciated.

Become a patron

Tweet

Share

← Home