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