SwiftUI | 複数デバイス同時プレビュー方法

SwiftUI

2024.11.172024.04.09

SwiftUIでXcodeのプレビュー画面に複数デバイスを同時プレビューする方法を説明する。iPhone8とiPhone13とiPadのように縦横比が異なるデバイス間で表示がくずれないかチェックしながらデザインするときに便利。

結論

下記のようにGroupで複数のデバイスをまとめる。

struct ContentView_Preview: PreviewProvider {
    static var previews: some View {
        Group {
            ContentView().previewDevice(PreviewDevice(rawValue: "iPhone 8 Plus"))
            ContentView().previewDevice(PreviewDevice(rawValue: "iPhone 13 Pro Max"))
            ContentView().previewDevice(PreviewDevice(rawValue: "iPad Pro"))
        }
    }
}