VStackは複数のオブジェクトを包んで縦方向に並べます。

  • 前回からコードの変更はない

  • VStack { … } のカッコ内にオブジェクトを並べる

    • 今回は以下の順に並んでいる
      • Image
      • Spacer
      • Text

  • オブジェクトが縦方向に並んだことを確認する

コード

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Image(systemName: "globe")
            .imageScale(.large)
            .foregroundColor(.accentColor)
            .padding()
            
            Spacer()
            
            Text( "こんにちわ" )
            .padding()
        }
    }
}

結果

swiftui_1_1_5_1.png