【SwiftUI】Xcodeに複数のプレビューをまとめて表示させる

XCodeでSwiftUIのプロジェクトを作成すると、デフォルトでContentView.swiftファイルに以下のようなコードが書かれており、画面右側でアプリのプレビュー画面を確認することができる。

import SwiftUI

struct ContentView: View {
    var body: some View {
        Text("Hello World")
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

プレビューの対象となるビューはContentView_Previews構造体で定義されているpreviewsプロパティで指定されているので、例えば二つのビューを同時にプレビューで確認したい場合は次のようにContentView_Previews内を編集すれば良い。

import SwiftUI

struct ContentView: View {
    var body: some View {
        Text("1st")
    }
}
struct ContentView2: View {
    var body: some View {
        Text("2nd")
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            ContentView()
            ContentView2()
        }
    }
}

プレビューエリアには指定したビューが縦に並べられる。