tvOS/SwiftUI问题：ToolbarItem抢占焦点致TabView无法使用

问题根源 #

1. 层级覆盖导致焦点失效：将TabView直接嵌套在NavigationView中并添加Toolbar时，UINavigationBar的渲染层级会覆盖底部TabBar，导致TabBar无法接收焦点。
2. 嵌套NavigationView引发焦点混乱：多层NavigationView嵌套会让系统焦点管理逻辑冲突，出现ToolbarItem抢占焦点的情况；而修复嵌套后，因TabView的子页面未关联NavigationView，导致Logo无法显示。

解决方案 #

方案一：自定义顶部Logo容器（不依赖NavigationView）

通过ZStack将Logo与TabView叠加，避免使用Toolbar引发的层级和焦点问题，同时实现全局Logo展示：

struct TestView: View {
    var body: some View {
        ZStack(alignment: .topLeading) {
            // 主TabView
            TabView {
                Text("Screen One")
                    .tabItem { Text("One") }
                Text("Screen Two")
                    .tabItem { Text("Two") }
                Text("Screen Three")
                    .tabItem { Text("Three") }
            }
            
            // 自定义顶部品牌Logo
            Image(systemName: "house.fill")
                .padding(.horizontal, 20)
                .padding(.top, 10)
                .frame(maxWidth: .infinity, alignment: .leading)
                .background(Color(UIColor.systemBackground))
        }
    }
}

这种方式下，Logo独立于导航栏系统，不会干扰TabBar的焦点响应，同时保持全局显示。

方案二：每个Tab页面独立配置NavigationView（复用Toolbar代码）

如果需要保留NavigationView的导航功能（如页面跳转），可将NavigationView嵌套在每个Tab页面内部，并通过自定义修饰符复用Logo代码：

// 自定义Toolbar修饰符，统一添加品牌Logo
struct BrandLogoToolbar: ViewModifier {
    func body(content: Content) -> some View {
        content
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) {
                    Image(systemName: "house.fill")
                }
            }
    }
}

// 扩展View，方便调用
extension View {
    func addBrandLogo() -> some View {
        self.modifier(BrandLogoToolbar())
    }
}

struct TestView: View {
    var body: some View {
        TabView {
            NavigationView {
                Text("Screen One")
                    .addBrandLogo()
            }
            .tabItem { Text("One") }
            
            NavigationView {
                Text("Screen Two")
                    .addBrandLogo()
            }
            .tabItem { Text("Two") }
            
            NavigationView {
                Text("Screen Three")
                    .addBrandLogo()
            }
            .tabItem { Text("Three") }
        }
    }
}

此方案让每个Tab页面拥有独立的导航栏，避免层级覆盖问题，焦点可正常在TabBar和页面元素间切换，同时通过修饰符减少代码重复。

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