ios - SwiftUI：NavigationLink 内的水平 ScrollView 会中断导航

Question

我想ScrollView在NavigationLink. List但是，点击ScrollView没有被 a 注册NavigationLink，因此不会导航到目的地。

NavigationView {
    List {
        NavigationLink(destination: Text("Detail")) {
            ScrollView(.horizontal) {
                Text("Tapping here does not navigate.")
            }
        }
    }
}

关于我们如何防止ScrollView捕获导航点击手势的任何想法？

Answer 1

您可以移动NavigationLink到background并在以下位置激活它onTapGesture：

struct ContentView: View {
    @State var isLinkActive = false
    
    var body: some View {
        NavigationView {
            List {
                ScrollView(.horizontal) {
                    Text("Tapping here does not navigate.")
                }
                .onTapGesture {
                    isLinkActive = true
                }
            }
            .background(
                NavigationLink(destination: Text("Detail"), isActive: $isLinkActive) {}
            )
        }
    }
}

Answer 2

最终目标尚不清楚，但以下替代方案也确实有效（使用 Xcode 12 / iOS 14 测试）

NavigationView {
    List {
        ScrollView(.horizontal) {
            NavigationLink(destination: Text("Detail")) {
                Text("Tapping here does not navigate.")
            }
        }
    }
}