前回はpaddingを使って、オブジェクト内に余白をつけました。今度は.paddingを使って２つのオブジェクトの間に余白を作ってみます。

  • 前回のコードに続けて書く

  • Text( “こんばんわ” ) を追加する

    • こんにちわの下にこんばんわが増える

  • Text( “こんにちわ” )の.backgroundの後 に .padding( .bottom, 50.0 ) を追加

コード

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

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Text( "こんにちわ" )
            .padding()
            .background( .indigo )
            .padding( .bottom, 50.0 )
            
            Text( "こんばんわ" )
            .padding()
            .background( .purple )
        }
    }
}

結果

swiftui_1_2_3_1.png