iOS 18中TabView拦截切换后导航动画与UI异常问题求助

此前通过onChange拦截TabView标签切换的方案在iOS 18上失效，会导致导航UI异常，具体表现及重现步骤如下：

• 从Home页导航到Details页，UI表现正常
• 从Home页尝试切换到Directory页（被onChange拦截），再导航到Details页，UI出现异常
• 从Home页尝试切换到Directory页（被拦截）→ 进入异常的Details页 → 返回后，无法再导航到Details页

原代码如下：

struct TabViewBugView: View {
  enum AppTab {
    case home
    case directory
  }
  
  @State private var selection: AppTab = .home
  
  var body: some View {
    TabView(selection: $selection) {
      NavigationStack {
        NavigationLink {
          VStack {
            Text("Details")
            Spacer()
          }
        } label: {
          Text("Go to Details")
        }
        
        Text("HomeView")
      }
      .tabItem {
        Label("Home", systemImage: "house")
      }
      .tag(AppTab.home)
      
      
      Text("Directory")
        .tabItem {
          Label("Directory", systemImage: "folder")
        }
        .tag(AppTab.directory)
    }
    .onChange(of: selection) { oldValue, newValue in
      print("\(oldValue) -> \(newValue)")
      if newValue == .directory {
        selection = oldValue
      }
    }
  }
}

异常UI截图：

解决方案 #

问题根源在于onChange是在选中状态已经变化后才触发修正，iOS 18中TabView的状态更新机制调整，导致这种事后修正会破坏NavigationStack的内部状态，引发UI异常。正确的做法是使用自定义绑定在选中状态被设置前就拦截，从根源上阻止无效切换：

修改后的完整代码：

struct TabViewFixedView: View {
  enum AppTab {
    case home
    case directory
  }
  
  // 存储实际选中状态
  private var _selection: AppTab = .home
  
  // 自定义绑定，拦截无效切换
  private var selection: Binding<AppTab> {
    Binding(
      get: { _selection },
      set: { newValue in
        // 只允许切换到非Directory的标签
        if newValue != .directory {
          _selection = newValue
        }
      }
    )
  }
  
  var body: some View {
    TabView(selection: selection) {
      NavigationStack {
        NavigationLink {
          VStack {
            Text("Details")
            Spacer()
          }
        } label: {
          Text("Go to Details")
        }
        
        Text("HomeView")
      }
      .tabItem {
        Label("Home", systemImage: "house")
      }
      .tag(AppTab.home)
      
      
      Text("Directory")
        .tabItem {
          Label("Directory", systemImage: "folder")
        }
        .tag(AppTab.directory)
    }
  }
}

说明 #

自定义绑定直接接管了选中状态的读取和设置逻辑：当用户尝试切换到Directory标签时，绑定的set闭包会直接忽略这次设置请求，不会修改内部的_selection值，因此TabView的选中状态不会发生任何变化，自然也不会干扰NavigationStack的正常工作，从根本上避免了UI异常问题。

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