SwiftUI Beta版Badge组件嵌套使用失效问题咨询及原因求解

SwiftUI的badge修饰符依赖环境变量传递参数，外层（如TabItem）设置badge后，对应的环境值会向下透传给所有子视图。Beta版本的实现未做作用域隔离，List行级的badge在渲染时会优先读取上层传递的badge环境值，而非行上显式设置的参数，最终导致嵌套场景下内层badge显示异常。

当前官方badge的设计定位是为容器类组件（TabView、List行等）提供附属标记，默认作用域继承自父视图，官方未给不同层级的badge配置独立的环境变量隔离规则，因此原生暂不支持嵌套使用场景。

• 方案1：手动清空上层badge环境值
  在NavigationView包裹的TextBadgeList外层添加.environment(\.badge, nil)，清除上层TabView传递的badge参数，避免干扰内层List的badge渲染，修改后的TabView代码如下：

TabView {
    NavigationView {
        TextBadgeList()
            .environment(\.badge, nil) // 新增行清除上层badge环境值
    }
    .tabItem {
        Image(systemName: "rectangle.and.pencil.and.ellipsis")
    }
    .tag(1)
    .badge(99)
    
    NavigationView {
        TextBadgeList()
    }
    .tabItem {
        Image(systemName: "pencil.and.outline")
    }
    .tag(2)
}
.frame(height: 300)

• 方案2：自定义独立Badge组件
  若后续正式版仍未修复该问题，可以自行实现不依赖系统环境变量的badge修饰符，完全自定义渲染逻辑，从根本上避免层级参数干扰。

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