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()
}
}
}
プレビューエリアには指定したビューが縦に並べられる。