[SwiftUI]Button(ボタン)を横幅いっぱい(full width)にするには？

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

Buttonを横幅いっぱいにする方法を紹介します。

方法
使用例

方法

Buttonを横幅いっぱいにするには、frame修飾子を使います。

まず、Buttonにframe修飾子を付与します。

そして、frameの引数「maxWidth」もしくは「width」に「.infinity」を指定します。

Button(・・・)
    .frame(maxWidth: .infinity)

frame修飾子を使うことで、Buttonを横幅いっぱいにすることが出来ます。

使用例

struct ContentView: View {
    
    var body: some View {
        VStack {
            Button(action: {
                print("Tap!")
            }){
                Text("Button")
                    .foregroundColor(.white)
            }
            .frame(maxWidth: .infinity)
            .background(Color.blue)
        }
    }
}