SwiftUI中使用ForEach循环创建多目标NavigationLink时随机跳转失效问题求助

这个随机跳转失效的坑我之前也踩过！问题根源就是你在NavigationLink的label里嵌套了Button——两个可交互控件叠在一起时，SwiftUI的手势识别优先级会出现不确定的冲突：有时候点击会被Button拦截（而你的Button是空实现），导致NavigationLink没收到跳转信号；有时候又能正常触发NavigationLink，就出现了时好时坏的情况。

修复方案：移除多余的Button，直接用自定义样式的View作为NavigationLink的label #

NavigationLink的label本身就是可点击的交互区域，完全不需要额外套一层Button。我们可以把Button的样式直接迁移到label的View上，比如用Text配合你需要的样式：

第一步：简化枚举（可选，但更规范）

你重写的allCases其实是多余的，CaseIterable协议会自动根据枚举定义的顺序生成allCases数组，直接删掉自定义实现即可：

enum NavigationViewsNames: String, CaseIterable {
    case orders = "Orders"
    case returns = "Returns"
    case personalInfo = "Personal Info"
    case paymentDetails = "Payment Details"
    case help = "Help"
}

第二步：修改NavigationLink的label部分

把原来嵌套的Button替换成带自定义样式的Text，保留你需要的视觉效果（边框、箭头等）：

VStack(alignment: .center) {
    ForEach(NavigationViewsNames.allCases, id: \.self) { navigationViewName in
        HStack {
            Spacer()
            NavigationLink {
                // 原来的switch逻辑保持不变
                switch navigationViewName {
                case .orders: OrdersView()
                case .returns: ReturnsView()
                case .personalInfo: PersonalInfoView()
                case .paymentDetails: PaymentDetailsView()
                case .help: HelpView()
                }
            } label: {
                Text(navigationViewName.rawValue)
                    .frame(width: UIScreen.main.bounds.width * 0.9)
                    .padding()
                    .foregroundColor(.accentColor)
                    .background(Color.white)
                    // 模拟你CustomButton的边框样式
                    .overlay(
                        RoundedRectangle(cornerRadius: 8)
                            .stroke(Color.accentColor, lineWidth: 1)
                    )
                    // 添加右侧导航箭头
                    .overlay(
                        HStack {
                            Spacer()
                            Image(systemName: "chevron.right")
                                .foregroundColor(.accentColor)
                                .padding(.trailing, 10)
                        }
                    )
                    .contentShape(Rectangle()) // 确保整个区域都能响应点击
                    .padding(.bottom, 20)
            }
            Spacer()
        }
    }
}

为什么这样能解决问题？ #

移除Button后，整个点击区域只由NavigationLink控制，不会再有手势冲突的情况，跳转行为会变得稳定可靠。如果你的CustomButton是一个自定义的ButtonStyle，也可以把它改成ViewModifier，这样就能直接应用到Text上，保留原有的样式逻辑。

内容的提问来源于stack exchange，提问作者Vader20FF