【SwiftUI】 画面の横向きに対応する方法 (@Environment(.horizontalSizeClass))

import SwiftUI

struct ContentView: View {
    // 水平方向のサイズクラス（compact, regular のいずれか）
    @Environment(\.horizontalSizeClass) private var horizontalSizeClass
    @Environment(\.verticalSizeClass) private var verticalSizeClass     // 今回は使ってない

    var body: some View {
        // compact なら VStack, regular なら HStack でレイアウト
        // 縦向き
        if horizontalSizeClass == .compact {
            VStack {
                Text("A")
                    .frame(maxWidth: .infinity, maxHeight: .infinity)
                    .background(.cyan)

                Text("B")
                    .frame(maxWidth: .infinity, maxHeight: .infinity)
                    .background(.yellow)
                    
            }
            .foregroundColor(.white)
            .font(.largeTitle)
            .padding()
            
        // 横向き
        } else {
            HStack {
                Text("A")
                    .frame(maxWidth: .infinity, maxHeight: .infinity)
                    .background(.cyan)

                Text("B")
                    .frame(maxWidth: .infinity, maxHeight: .infinity)
                    .background(.yellow)
            }
            .foregroundColor(.white)
            .font(.largeTitle)
            .padding()
        }
    }
}

@Environment(\.horizontalSizeClass) private var horizontalSizeClass