Wie Sie im folgenden Video sehen, ist nur der Text anklickbar:

Der grüne Hintergrund ist nicht Teil der Schaltfläche, aber die Schaltfläche hat die grüne Oberfläche Abmessungen, da der Hintergrund wie im Folgenden direkt hinzugefügt wird Code:
Code: Select all
Button {
// action
} label: {
Image(systemName: "plus")
.font(.system(size: 18, weight: .bold, design: .rounded))
.foregroundColor(Color.white)
Text("Add a habit")
.font(.system(size: 18, weight: .bold, design: .rounded))
.foregroundColor(Color.white)
}
.buttonStyle(EmptyFlatButtonStyle()) //