Почему кнопку SwiftUI можно нажимать за пределами визуальной области и как это исправить ⇐ IOS

[Anonymous]

Я использую кнопку SwiftUI внутри HStack, как показано ниже.

Код: Выделить всё

import SwiftUI

struct ContentView: View {

@State var tapCount: Int = 0

var body: some View {
VStack(spacing: 10) {
HStack {
Image(systemName: "globe")
.frame(width: 48, height: 48)
.background(.green)
Text("Headline")
Spacer()
Text("See More")
.foregroundStyle(.white)
Button(action: {
tapCount += 1
}, label: {
Image(systemName: "x.circle.fill")
.frame(width: 48, height: 48)
.background(.yellow)
..contentShape(Rectangle()) // here
})
.contentShape(Rectangle()) // here
}
.background(.pink)
.padding(.horizontal, 16)

Text("Button Tap Count: \(tapCount)")
.font(.system(size: 25))
}
}
}

И пользовательский интерфейс выглядит следующим образом


И кнопку можно нажимать до тех пор, пока не появится буква e в строке «Подробнее» Текст, почему? и я попытался использовать .contentShape(Rectangle()) для изображения и кнопки, но ни один из них не устранил проблему. есть идеи, как это исправить?

Подробнее здесь: https://stackoverflow.com/questions/793 ... -to-fix-it