Swiftui如何停止按钮在其框架外触发？

Question

我试图在单击边框外时停止以下按钮触发，并且在框架内部单击时仅触发操作。

          Button(action: {
                                
                                model.addData(clubID: clubID, clubName: clubName, clubCreator: String(describing: uidx), membersLimit: membersLimit, streamingPlatforms: streamingPlatforms, streamingType: streamingType, teleClubGenres: teleClubGenres, date:  Date.getCurrentDate(), description: description, uid: String(describing: uidx) , currentMembers: [String(describing: uidx)], selectedDate: dateformatter(date: selectedDate), mediaChosen: mediaChosen, streamingPartyLink: streamingPartyLink)
                                isSuccess = true
                                message = "Club made successfully"
                                shown.toggle()

                                clubID = 0
                                clubName = ""
                                clubCreator = ""
                                membersLimit = 0
                                streamingPlatforms = 0
                                streamingType = 0
                                teleClubGenres = []
                                date = ""
                                description = ""
                                uid = ""
                                currentMembers = [String(describing: uidx)]
                                selectedDateTwo = ""
                                mediaChosen = ""
                                streamingPartyLink = "https://www.teleparty.com/"
                            }, label: {
                                Text("Save")
                                    .padding().foregroundColor(Color.black).background(RoundedRectangle(cornerRadius: 10).stroke(lineWidth: 2).background(Color.white.cornerRadius(10))).frame(maxWidth: .infinity, alignment: .center)
                                
                 
                            })

Answer 1

我遇到了这个问题，并且能够使用.clipped（）。buttonstyle（borderlessbuttonStyle（））进行修复。

Button(action: {
    //action
}, label: {
    Text("Click").clipped().buttonStyle(BorderlessButtonStyle())
}).clipped().buttonStyle(BorderlessButtonStyle()) 

Answer 2

单击框架内部时仅触发动作

按钮中的文本上的最后一个修饰符为.frame（maxWidth：.infinity，Alignment：.center：.center）。

因此，由于您将maxWidth设置为.infinity，因此该按钮具有无限的框架。这意味着动作是仅在单击框架内部时才会触发，但是您将框架设置为无限，因此单击 ewhere 会触发动作。

因为您制作了框架无限，所以您也可以使动作区域无限，这就是为什么单击“任何地方”会触发您的按钮的原因。

Answer 3

我想你想要这个

Button(action: {
    // ... action here
}, label: {
    Text("Save").padding()
        .foregroundColor(Color.black)
        .background(
           RoundedRectangle(cornerRadius: 10).stroke(lineWidth: 2)
              .background(Color.white.cornerRadius(10))
        )
})
.frame(maxWidth: .infinity, alignment: .center)    // << here !!