title: NavigationLink inside List applies to HStack instead of each element
body: <p>I'm trying to follow <a href="https://developer.apple.com/tutorials/swiftui/composing-complex-interfaces" rel="noreferrer">Composing Complex Interfaces</a> guide on SwiftUI and having issues getting NavigationLink to work properly on iOS 13 beta 3 and now beta 4.</p>
  
  <p>If you just download the project files and try running it, click on any of the Lake images - nothing will happen. However if you click on the header "Lakes" it'll start opening every single lake one after another which is not a behaviour anyone would expect.</p>
  
  <p>Seems like NavigationLink is broken in "complex" interfaces. Is there a workaround?</p>
  
  <p>I've tried making it less complex and removing HStack of List helps to get NavigationLinks somewhat to work but then I can't build the full interface like in example.</p>
  
  <p>Relevant parts of the code:</p>
  
  <pre><code>    var body: some View {
          NavigationView {
              List {
                  FeaturedLandmarks(landmarks: featured)
                      .scaledToFill()
                      .frame(height: 200)
                      .clipped()
                      .listRowInsets(EdgeInsets())
  
                  ForEach(categories.keys.sorted(), id: \.self) { key in
                      CategoryRow(categoryName: key, items: self.categories[key]!)
                  }
                  .listRowInsets(EdgeInsets())
  
                  NavigationLink(destination: LandmarkList()) {
                      Text("See All")
                  }
              }
              .navigationBarTitle(Text("Featured"))
              .navigationBarItems(trailing: profileButton)
              .sheet(isPresented: $showingProfile) {
                  ProfileHost()
              }
          }
      }
  
  
  struct CategoryRow: View {
      var categoryName: String
      var items: [Landmark]
  
      var body: some View {
          VStack(alignment: .leading) {
              Text(self.categoryName)
                  .font(.headline)
                  .padding(.leading, 15)
                  .padding(.top, 5)
  
              ScrollView(.horizontal, showsIndicators: false) {
                  HStack(alignment: .top, spacing: 0) {
                      ForEach(self.items, id: \.name) { landmark in
                          NavigationLink(
                              destination: LandmarkDetail(
                                  landmark: landmark
                              )
                          ) {
                              CategoryItem(landmark: landmark)
                          }
                      }
                  }
              }
              .frame(height: 185)
          }
      }
  }
  
  struct CategoryItem: View {
      var landmark: Landmark
      var body: some View {
          VStack(alignment: .leading) {
              landmark
                  .image(forSize: 155)
                  .renderingMode(.original)
                  .cornerRadius(5)
              Text(landmark.name)
                  .foregroundColor(.primary)
                  .font(.caption)
          }
          .padding(.leading, 15)
      }
  }
  </code></pre>