SwiftUI не может нажать в Spacer HStack

Я подал Обратная связь по этому поводу и предлагаю вам сделать то же самое.

Тем временем непрозрачный Color должен работать так же хорошо, как Spacer. К сожалению, вам придется совпадать с цветом фона, и это предполагает, что вам нечего отображать за кнопкой.

Почему бы просто не использовать Button?

Button(action: { self.groupSelected(self.group) }) {
    HStack {
        Text(group.name)
        Spacer()
        if (groupModel.required) { Text("Required").color(Color.gray) }
        Image("ic_collapse").renderingMode(.template).rotationEffect(Angle(degrees: 90)).foregroundColor(Color.gray)
    }
}.foregroundColor(.primary)

Если вы не хотите, чтобы кнопка применяла цвет акцента к Text(group.name), вы должны установить foregroundColor, как я сделал в моем примере.

Я смог обойти это, поместив Spacer в ZStack и добавив сплошной цвет с очень низкой непрозрачностью:

ZStack {
    Color.black.opacity(0.001)
    Spacer()
}

Как я недавно узнал, есть еще:

HStack {
  ...
}
.contentShape(Rectangle())
.onTapGesture { ... }

Хорошо работает для меня.

Простое расширение на основе ответа Джима

extension Spacer {
    /// https://stackoverflow.com/a/57416760/3393964
    public func onTapGesture(count: Int = 1, perform action: @escaping () -> Void) -> some View {
        ZStack {
            Color.black.opacity(0.001).onTapGesture(count: count, perform: action)
            self
        }
    }
}

Теперь это работает

Spacer().onTapGesture {
    // do something
}

Я просто добавляю цвет фона (кроме clear цвета) для HStack работ.

HStack {
        Text("1")
        Spacer()
        Text("1")
}.background(Color.white)
.onTapGesture(count: 1, perform: {

})

работает как по волшебству при каждом просмотре:

extension View {
        func onTapGestureForced(count: Int = 1, perform action: @escaping () -> Void) -> some View {
            self
                .contentShape(Rectangle())
                .onTapGesture(count:count, perform:action)
        }
    }

Хотя принятый ответ позволяет имитировать функциональность кнопки, визуально он не удовлетворяет. Не заменяйте Button на .onTapGesture или UITapGestureRecognizer, если только вам не нужна область, которая принимает события касания пальцем. Такие решения считаются хакерскими и не являются хорошей практикой программирования.

Для решения вашей проблемы вам необходимо реализовать BorderlessButtonStyle ⚠️

Пример

Создайте общую ячейку, например. SettingsNavigationCell.

НастройкиНавигацияЯчейка

struct SettingsNavigationCell: View {
  
  var title: String
  var imageName: String
  let callback: (() -> Void)?

  var body: some View {
    
    Button(action: {
      callback?()
    }, label: {

      HStack {
        Image(systemName: imageName)
          .font(.headline)
          .frame(width: 20)
        
        Text(title)
          .font(.body)
          .padding(.leading, 10)
          .foregroundColor(.black)
        
        Spacer()
        
        Image(systemName: "chevron.right")
          .font(.headline)
          .foregroundColor(.gray)
      }
    })
    .buttonStyle(BorderlessButtonStyle()) // <<< This is what you need ⚠️
  }
}

НастройкиПросмотр

struct SettingsView: View {
  
  var body: some View {
    
    NavigationView {
      List {
        Section(header: "Appearance".text) {
          
          SettingsNavigationCell(title: "Themes", imageName: "sparkles") {
            openThemesSettings()
          }
          
          SettingsNavigationCell(title: "Lorem Ipsum", imageName: "star.fill") {
            // Your function
          }
        }
      }
    }
  }
}

Вроде в духе всего сказанного:

struct NoButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .background(Color.black.opacity(0.0001))
    }
}
extension View {
    func wrapInButton(action: @escaping () -> Void) -> some View {
        Button(action: action, label: {
            self
        })
        .buttonStyle(NoButtonStyle())
    }
}

Я создал NoButtonStyle, потому что BorderlessButtonStyle все еще давал анимацию, отличную от .onTapGesture.

Пример:

HStack {
    Text(title)
    Spacer()
    Text("Select Value")
    Image(systemName: "arrowtriangle.down.square.fill")
}
.wrapInButton {
    isShowingSelectionSheet = true
}

Другой вариант:

extension Spacer {
    func tappable() -> some View {
        Color.blue.opacity(0.0001)
    }
}

Обновлено:

Я заметил, что Color не всегда действует так же, как Spacer при помещении в стек, поэтому я бы посоветовал не использовать это расширение Spacer, если вы не знаете об этих различиях. (Распорка выталкивает стек в одном направлении (если в VStack, то выталкивает вертикально, если в HStack, то выталкивает горизонтально, тогда как вид Color выталкивает во всех направлениях.)

На мой взгляд, лучший подход из соображений доступности — обернуть HStack внутри метки Button, а чтобы решить проблему, когда Spacer нельзя нажать, вы можете добавить .contentShape(Rectangle()) в HStack.

Итак, на основе вашего кода будет:

    Button {
        self.groupSelected(self.group)
    } label: {
        HStack {
            Text(group.name)
            Spacer()
            if (groupModel.required) { Text("Required").color(Color.gray) }
            Image("ic_collapse").renderingMode(.template).rotationEffect(Angle(degrees: 90)).foregroundColor(Color.gray)
        }
        .contentShape(Rectangle())
    }