SwiftUI NavigationView on the iPad Pro

Question

I use the Apple SwiftUI tutorial code. Then I set the previewDevice to iPad Pro (12.9-inch). But the preview has something wrong. Does anyone know where the problem is?

Answer 1

Slide the drawer from the left side of the screen.

If you would to remove the drawer and have it constant, you can do the following (note the padding is what makes the drawer constant):

.navigationViewStyle(DefaultNavigationViewStyle())
        .padding(0)

or

.navigationViewStyle(DoubleColumnNavigationViewStyle())
        .padding(0)

Note: This does not currently work perfectly with all iPad views. For example on the iPad 9.7in, the above padding(0) would make the portrait view have the list, but the landscape view have the slideout. This would also not work correctly on the iPad 12.9in. If you don't have the padding included, it works in landscape on the 9.7in, but not in portrait.