SwiftUI自定义TabBar嵌套NavigationView时无法隐藏问题求助

你的代码结构中每个Tab嵌套独立的NavigationView，这种写法下系统不会自动处理TabBar的隐藏逻辑，下面提供两种实用解决方案：

方案一：iOS16+ 子页面直接隐藏TabBar（推荐） #

使用NavigationStack替代NavigationView（iOS16+官方推荐），在深层页面通过toolbar modifier直接隐藏TabBar，返回根页面时系统会自动恢复显示。

struct ContentView: View {
    var body: some View {
        TabView {
            // 左侧Tab导航栈
            NavigationStack {
                LeftView()
            }
            .tabItem {
                Label("Left", systemImage: "return.left")
            }
            
            // 右侧Tab导航栈
            NavigationStack {
                RightView()
            }
            .tabItem {
                Label("Right", systemImage: "return.right")
            }
        }
    }
}

// 左侧Tab根视图
struct LeftView: View {
    var body: some View {
        VStack {
            NavigationLink("进入深层页面") {
                LeftDetailView()
            }
        }
        .navigationTitle("Left Tab")
    }
}

// 左侧深层页面：自动隐藏TabBar
struct LeftDetailView: View {
    var body: some View {
        Text("这是深层页面")
            .navigationTitle("详情页")
            .toolbar(.hidden, for: .tabBar)
    }
}

// 右侧Tab及深层页面同理
struct RightView: View {
    var body: some View {
        VStack {
            NavigationLink("进入深层页面") {
                RightDetailView()
            }
        }
        .navigationTitle("Right Tab")
    }
}

struct RightDetailView: View {
    var body: some View {
        Text("这是Right的深层页面")
            .navigationTitle("详情页")
            .toolbar(.hidden, for: .tabBar)
    }
}

方案二：全局状态绑定控制（兼容iOS15及以下） #

通过绑定状态变量统一控制TabBar的显示/隐藏，适合需要统一逻辑或兼容低版本的场景：

struct ContentView: View {
    @State private var isTabBarVisible = true
    
    var body: some View {
        TabView {
            NavigationView {
                LeftView(isTabBarVisible: $isTabBarVisible)
            }
            .tabItem {
                Label("Left", systemImage: "return.left")
            }
            
            NavigationView {
                RightView(isTabBarVisible: $isTabBarVisible)
            }
            .tabItem {
                Label("Right", systemImage: "return.right")
            }
        }
        .toolbar(isTabBarVisible ? .visible : .hidden, for: .tabBar)
    }
}

// 左侧Tab根视图：返回时恢复TabBar显示
struct LeftView: View {
    @Binding var isTabBarVisible: Bool
    
    var body: some View {
        VStack {
            NavigationLink("进入深层页面") {
                LeftDetailView(isTabBarVisible: $isTabBarVisible)
            }
        }
        .navigationTitle("Left Tab")
        .onAppear {
            isTabBarVisible = true
        }
    }
}

// 左侧深层页面：进入时隐藏TabBar
struct LeftDetailView: View {
    @Binding var isTabBarVisible: Bool
    
    var body: some View {
        Text("这是深层页面")
            .navigationTitle("详情页")
            .onAppear {
                isTabBarVisible = false
            }
    }
}

// 右侧Tab及深层页面重复上述绑定逻辑即可

额外说明 #

• 若使用自定义TabBar而非系统默认组件，只需将自定义TabBar的显示状态绑定到isTabBarVisible变量，通过opacity或offset控制隐藏/显示即可。
• iOS16+优先使用NavigationStack，API更简洁且避免旧版NavigationView的层级问题。

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