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

01
02
03
04
05
06
07
08
09
10
11
12
13
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内を編集すれば良い。

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
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()
        }
    }
}

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