NavigationLink内页面无法设置disabled属性的解决方案咨询

问题核心是NavigationLink的交互由NavigationView直接管理，父ZStack的disabled修饰符无法穿透影响它，所以需要单独针对NavigationLink做处理，以下是几种可行方案：

方案1：给NavigationLink单独添加disabled修饰符 #

直接在NavigationLink上加上和ZStack一致的禁用条件，同时禁用它和page2的交互：

NavigationView {
  ZStack {
    if condition1 { 
      NavigationLink(destination: page1, isActive: $isactive) {
        // 补充NavigationLink的label内容（比如Text("进入Page1")），若之前省略则需添加
      }.disabled(true) // 单独为NavigationLink设置禁用
    } else if condition2 {
        page2
    }
  }.disabled(true)
}

方案2：通过绑定变量控制跳转触发 #

如果需要更灵活的禁用逻辑，可通过拦截isactive的赋值阻止跳转，同时配合disabled修饰符禁用视觉反馈：

@State private var isDisabled = true // 统一禁用开关

NavigationView {
  ZStack {
    if condition1 { 
      NavigationLink(destination: page1, isActive: $isactive) {
        Text("进入Page1")
          .onTapGesture {
            // 仅在不禁用时允许触发跳转
            if !isDisabled {
              isactive = true
            }
          }
      }
      .disabled(isDisabled)
    } else if condition2 {
        page2
    }
  }.disabled(isDisabled)
}

方案3：用Button模拟NavigationLink行为 #

若上述方案不满足需求，可通过Button配合隐藏的NavigationLink完全控制交互逻辑：

@State private var isDisabled = true

NavigationView {
  ZStack {
    if condition1 { 
      Button(action: {
        if !isDisabled {
          isactive = true
        }
      }) {
        Text("进入Page1")
      }
      .disabled(isDisabled)
      // 隐藏真正的NavigationLink，通过isactive控制跳转
      .background(
        NavigationLink(destination: page1, isActive: $isactive) {
          EmptyView()
        }.hidden()
      )
    } else if condition2 {
        page2
    }
  }.disabled(isDisabled)
}

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