[SwiftUI]Button(ボタン)内のビュー(view)を左に寄せる(left align)には？

どうも、ちょげ(@chogetarou)です。

Button内のビューを左に寄せる方法を紹介します。

方法
使用例

方法

Button内のビューを左に寄せるには、frameモディファイアを使います。

まず、Buttonにframeモディファイアを付与します。

そして、frameモディファイアの引数「width」に横幅、引数「alignment」に「.leading」を指定します。

Button("Button"){
 //処理
}
.frame(width: /*横幅*/, alignment: .leading)

frameモディファイアを使えば、Button内のビューを左に寄せることが出来ます。

Button(action, label)を使っている場合は、Button内のビューにframeを付与することで、左に寄せることが出来ます。

Button(action : {/*処理*/} ){
     SomeView()
         .frame(width: /*横幅*/, alignment: .leading)     
}

使用例

以下は、使用例です。

import SwiftUI

struct SampleView: View {
    
    var body: some View {
        VStack{
            Button("Button"){
                print("Tap")
            }
            .frame(width: 200, alignment: .leading)
            .padding()
            .background(Color.blue)
            .foregroundColor(Color.white)
        }
    }
}