SwiftUI 1-2-2. paddingでオブジェクト内の余白を作る

前回はオブジェクトのカスタマイズとして背景の設定を行いました。今回はpaddingを用いてオブジェクトの余白を操作してみます。

• 前回のコードに続けて書く
• 色をつけたTextの.backgroundの前に.paddingを追加
  • 色がついた余白領域が増える
  • メソッドを呼ぶ順番で意味が変わる
    • .padding() -> .background() : 余白を作り、全部塗る
    • .background() -> .padding() : 塗ったあと、透明の余白を作る

コード

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

import SwiftUI

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

結果