swift - Update UI when orientation is changing in SwiftUI

Question

I've started to learn SwiftUI. I try to update UI when orientation is changing. I added @Environment(.horizontalSizeClass) var sizeClass in my view, and then iphone simulator updates the UI automatically when rotated. But iPad simulator does not update the UI when rotated. Could you tell me how to update UI for iPad?

Answer 1

If you take a look at the Device Size Classes in the Human Interface Guidelines, you'll notice that the iPads have 'Regular' width and height in both landscape and portrait mode.

So when you use .horizontalSizeClass, it is working on both iPhone and iPad, it's just that the iPad does not change sizeClass when rotated.

https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/

• If you set frame sizes with a GeometryReader, they will be automatically updated when the device is rotated.
• It's also pretty useful to just set the .frame(maxWidth:) on views, so that if the iPad is landscape, the view's content will be limited. Somewhere around 715 works well.