なんとかするから、なんとかなる

エンジニア関係のことを書きます

ButtonStyleを維持しつつ、ボタンのサイズを変える

ButtonStyleを維持しつつ、ボタンのサイズを変える

SwiftUIにてButtonStyleを維持しつつボタンのサイズを変える方法です。 Button自体の.frameを変更しても、選択範囲が広がるだけで塗り潰しが効かなかったのでまとめます。

結論、内部のTextの.frameを変更する

コード

struct test: View {
    var body: some View {
        Button{
            // 何かする
        } label: {
            Text("Before Button")
        }
        .buttonStyle(.borderedProminent)

        Button {
            // 何かする
        } label: {
            Text("After Button")
                .frame(width: 256, height: 64)
        }
        .buttonStyle(.borderedProminent)
    }
}

結果こんな感じ