iOS SwiftUI Button 탭(클릭) 영역 넓히기

SwiftUI에서 이미지나 텍스트로 버튼을 만들면 탭(클릭) 영역이 너무 작은데, 탭 영역을 넓혀주는 방법입니다.

 

초기코드

Button(action: {
    dialog = true
}, label: {
    Image(systemName: "ellipsis")
})
.buttonStyle(PlainButtonStyle())

 

탭 영역 넓힌 코드

label 크기를 키우고, contentShape(Rectangle()) 해줌

Button(action: {
    dialog = true
}, label: {
    HStack {
        Image(systemName: "ellipsis")
    }
    .frame(width: 60, height: 50, alignment: .center)
    .contentShape(Rectangle())
})
.buttonStyle(PlainButtonStyle())