SwiftUI 使用 NavigationLink 和 NavigationView答案

【问题标题】：SwiftUI using NavigationLink and NavigationViewSwiftUI 使用 NavigationLink 和 NavigationView
【发布时间】：2020-09-03 23:44:30
【问题描述】：

我正在尝试在下面的代码中使用NavigationView 和NavigationLink。我听说NavigationLink 只能在NavigationView 内部工作。但是，每当我将ScrollView 嵌入到NavigationView 中时，scrollView 就会停止显示并且我得到一个空白区域。我不确定它背后的原因。

var body: some View {
        // I tried to embed the entire VStack into NaviationView. However, it ends up showing nothing as well
            VStack(alignment: .leading) {
                Text(self.categoryName)
                    .font(.title)
                NavigationView {
                    ScrollView(.horizontal, showsIndicators: false) {
                        HStack(alignment: .top) {
                            ForEach (self.drummers) { drummer in
                                NavigationLink("Moreinfo", destination: drummerDetail(drummer: drummer))
                                aDrummer(drummer: drummer)
                                .frame(width: 300)
                                .padding(.trailing, 30)
                            }
                        }
                    }
                    .padding()
                }
            }
        
    }

【问题讨论】：

标签： ios swiftui swiftui-navigationlink swiftui-navigationview

【解决方案1】：

如果aDrummer 是一个视图（我假设），那么请参阅下面可能的修复 - ForEach 内容应该是单个视图

ForEach (self.drummers) { drummer in
  VStack {
    NavigationLink("Moreinfo", destination: drummerDetail(drummer: drummer))
       aDrummer(drummer: drummer)
         .frame(width: 300)
         .padding(.trailing, 30)
  }
}

【讨论】：