I have the following code and want to increment the activity count every time I click the button. It turns out, clicking anywhere in the HStack triggers the button click event. Is this a SwiftUI bug or am I missing something here?

struct ContentView: View {
    @ObservedObject var activities = Activities()
    @State private var showingNewActivityScreen = false

    var body: some View {
        NavigationView {
            List {
                ForEach(activities.items) { activity in
                    HStack {
                        Text("\(activity.title)")
                            .padding([.horizontal])

                        Spacer()

                        Text("\(activity.count)").padding(.horizontal)
                        Button(action: {
                            let currentTrackerIndex = self.activities.items.firstIndex { $0 == activity }
                            if let index = currentTrackerIndex { self.activities.items[index].count += 1 }
                        }) { Image(systemName: "plus").frame(width: 32, height: 32) }
                    }
                    .padding([.horizontal, .vertical], 5)
                    .background(Color.blue)
                    .foregroundColor(Color.white)
                    .clipShape(RoundedRectangle(cornerRadius: 16))
                }
            }
            .onAppear { UITableView.appearance().separatorStyle = .none }
            .navigationBarTitle("Habit Tracking")
            .navigationBarItems(trailing:
                Button(action: { self.showingNewActivityScreen = true },
                       label: { Text("New") } )
            )
        }
        .sheet(isPresented: $showingNewActivityScreen, content: { RegisterActivity(activities: self.activities, "New activity") })
    }
}

@danieleprice1, thank you for the fix and the tip. This behaviour is quite counter-intuitive.

What's funny is that I have another screen where I have two Buttons (separated by a Spacer) in an HStack, and they work as intended.

It's not the HStack that causes the problem, but the List.

Thanks for this solution, this was confusing me.

Coming from HTML and CSS to SwiftUI this behavior is not intuitive or expected that a button would overlap everything in the row or HStack without an easy way to set a z-index like you do in HTML.

Thanks! I ran into the same issue (Button at the end of a TextField). Thankfully you guys already solved it!