Comment pouvez-vous avoir d'autres zones sélectionnables dans une ligne de liste avec NavigationLink?

Question

Je ne parviens pas à rendre une ligne sélectionnable pour autre chose que la navigation, s'il y a également un NavigationLink dans la vue de la ligne. Ce n'est pas un problème avec UIKit. Est-ce impossible en raison d'un manque d'implémentation actuel, juste un bug, ou est-ce en fait actuellement possible?

Ceci est probablement le snippet le plus simple qui peut illustrer le problème.

struct ContentView: View {
  var body: some View {
    NavigationView {
      List {
        HStack {
          Button("Comment puis-je cliquer ici sans effectuer de transition?") { }
          NavigationLink( destination: ContentView() ) {
            Spacer()
          }
        }
      }
    }
  }
}

Answer 1

Votre bouton ne devrait pas être de style par défaut.

Voici une démo simple d'une approche possible. Préparé et testé avec Xcode 11.7 / iOS 13.7

struct ContentView: View {
    @State private var selected = false
    var body: some View {
        NavigationView {
            List {
                HStack {
                    Button(action: { self.selected.toggle() }) {
                        Image(systemName: selected ? "checkmark.circle" : "circle")
                    }.buttonStyle(PlainButtonStyle())
                    .padding(.horizontal)

                    NavigationLink( destination: Text("Détails") ) {
                        Text("Lien")
                            .frame(maxWidth: .infinity, alignment: .leading)
                    }
                }
            }
        }
    }
}