动态修改TabView内容致页面空白问题咨询（iOS17/Xcode15Beta）

你的代码本身没有问题，这个异常是iOS 17 beta 5/Xcode 15 beta 6中SwiftUI的已知问题：动态添加/移除TabView的子视图时，若Tab项包含NavigationStack，会导致TabView的视图状态管理混乱，出现页面空白甚至崩溃，而相同逻辑在iOS 16上可正常运行。

问题触发原因 #

当你点击按钮隐藏Feature Tab时，当前处于包含NavigationStack的Settings Tab，SwiftUI的视图更新逻辑未能正确保留Settings Tab的视图层级，导致其内容被意外销毁，最终显示空白页面。

临时解决方案 #

可以通过以下几种方式规避这个Bug：

1. 保持Tab项始终存在，仅隐藏视觉和交互
   用opacity和disabled替代条件渲染，不直接从TabView中移除视图：

   TabView {
       Text("Hello World!")
           .tabItem {
               Label("Feature", systemImage: "star")
           }
           .opacity(coordinator.open ? 1 : 0)
           .disabled(!coordinator.open) // 隐藏时禁用交互，可选
   
       SettingsView()
           .tabItem {
               Label("Settings", systemImage: "gear")
           }
   }
   

2. 给Tab项添加显式ID
   通过明确的id帮助SwiftUI识别每个Tab项的身份，避免视图更新时的身份混淆：

   TabView {
       if coordinator.open {
           Text("Hello World!")
               .tabItem {
                   Label("Feature", systemImage: "star")
               }
               .id("feature-tab")
       }
       
       SettingsView()
           .tabItem {
               Label("Settings", systemImage: "gear")
           }
           .id("settings-tab")
   }
   

3. 调整NavigationStack的层级
   避免在Tab项根节点直接使用NavigationStack，可以将其嵌套到内部子视图中，或者临时改用NavigationView（注意NavigationView在iOS 16+已被标记为废弃，仅作临时兼容）。

后续说明 #

这个问题属于Beta版本的不稳定特性，苹果在iOS 17正式版中大概率会修复该问题。如果需要向官方反馈，可以通过Apple Feedback Assistant提交你的复现代码。

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