SwiftUI:导航链接在scrollView中不起作用

Question

我一直在列表中嵌套一个滚动视图，并且该ScrollView包含一个导航链接，当用户点击时，链接不会导航到目标。

var body: some View {
NavigationView {
List {
HeaderSection()
VStack(alignment: .leading) {
Text(title.explore)
.font(.custom(App.fontBold, size: 21.0))
.fontWeight(.medium)
.foregroundColor(.white)
.padding(.top, 5.0)
.padding(.bottom, 5.0)
ScrollView(.horizontal, showsIndicators: false) {
HStack {
ForEach(self.viewModel.photos) { photo in
NavigationLink(destination: ExploreDetails(photo: photo)) {
ExploreView(photo: photo)
}
}
}
}
}
ForEach(viewModel.photos) { photo in
ImageRow(photo: photo)
.onTapGesture {
self.showModal.toggle()
self.selectedPhoto = photo
}
}.listRowInsets(EdgeInsets())
}
.navigationBarItems(trailing: profileButton)
.edgesIgnoringSafeArea(.vertical)
.sheet(isPresented: self.$showModal, onDismiss:{ print("dissmiss")} ) {
ContentDetailsView(photo: self.selectedPhoto!)
}
}
}

在列表中嵌套滚动视图时如何导航？

Answer 1

如果你使用的是Xcode 11 beta 6，这是一个错误。如果你 https://developer.apple.com/tutorials/swiftui/composing-complex-interfaces 转到本教程(这基本上解释了如何做你尝试做的完全相同的事情(并向下滚动，你可以阅读：

注意

在 Xcode 11 beta 6 中，如果您将 ScrollView 嵌套在列表中，并且 ScrollView 包含导航链接，链接不会导航到 用户点击时的目标。