rotate swiftui preview

Question

Ohmaar OP

Created Jun ’19

Replies 6

Boosts 0

Views 8.4k

Participants 7

How do I rotate the SwiftUI Preview to show my view in landscape?

Boost

Answer 1

Dania OP

Jun ’19

I spoke to one of the engineers at WWDC about this. It is currently not possible. Your best bet is something like this:

#if DEBUG
struct ContentView_Previews : PreviewProvider {
    static var previews: some View {
        return ContentView().previewLayout(.fixed(width: 2688, height: 1242))
    }
}
#endif

4

Answer 2

eivindml OP

Jun ’20

Any updates on this? Would be nice to achieve this to test landscape iPad layout with the sidebar etc.

7

Answer 3

apaxson OP

Jul ’20

I am also bumping this issue up. It would be great to have some kind of orient control in SwitUI Preview

1

Answer 4

JagCesar OP

Jul ’20

bump 🙃

2

Answer 5

rareMotas OP

Jul ’20

Very Important feature for designing Pro apps. I hope apple can implement this soon. SwiftUI is amazing.

Also,

The correct screen resolution is:

Code Block swift.previewLayout(.fixed(width: 2732, height: 2048))

1

Answer 6

Olympiloutre OP

Aug ’20

As mentioned previously you can set a fixed height and width. However you should not put the pixel size in the fields, but the Point size. Without it you do not take the scale factor into account. for instance:

Code Block `
// iPhone X - Px res: 1125 x 2436 - Scale factor: 3.0
#if DEBUG
struct ContentView_Previews : PreviewProvider {
    static var previews: some View {
        return ContentView().previewLayout(.fixed(width: 2436 / 3.0, height: 1125 / 3.0))
    }
}
#endif

`

After some tests, it looks like you have to use the UIKit Scale Factor and not the Native Scale factor for better preview rendering

Link to sizes and scale factor

2