SwiftUI自定义TabView：隐藏第5、6标签页的More导航栏

问题背景 #

系统默认TabView最多支持5个标签，超过后会自动生成「More」区域，第5及以后的标签页会嵌套在More的导航视图中。即便用自定义TabBar实现了直接显示6个标签，切换到第5、6页时仍会出现带返回按钮的More导航栏，需要隐藏这个额外导航栏，同时保留页面自身的导航栏。

核心原因 #

第5、6页实际上被系统包裹在UITabBarController的moreNavigationController中，SwiftUI层面的navigationBarHidden等修饰符无法作用于这个UIKit层级的导航栏，因此必须通过UIKit的API来处理。

解决方案 #

方法1：通过UINavigationController扩展自动隐藏More导航栏 #

创建UINavigationController的扩展，在视图显示时判断是否为More导航控制器，自动隐藏其导航栏：

extension UINavigationController {
    private func isMoreNavigationController() -> Bool {
        guard let tabBarController = parent as? UITabBarController else {
            return false
        }
        return tabBarController.moreNavigationController == self
    }
    
    open override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        if isMoreNavigationController() {
            navigationBar.isHidden = true
        }
    }
}

这个扩展会自动识别More导航栏并隐藏，不影响其他页面的导航栏。

方法2：监听Tab切换，主动隐藏More导航栏 #

在自定义TabView的容器视图中，监听标签切换事件，当切换到第5、6个标签时，主动找到moreNavigationController并隐藏其导航栏：

VStack(spacing: 0){
    TabView(selection: $currentTab) {
        View1().tag(Tab.home1)
        View2().tag(Tab.home2)
        View3().tag(Tab.home3)
        View4().tag(Tab.home4)
        View5().tag(Tab.home5)
        View6().tag(Tab.home6)
    }
    .onChange(of: currentTab) { newTab in
        guard newTab == .home5 || newTab == .home6 else { return }
        DispatchQueue.main.async {
            // 获取当前窗口的TabBarController
            guard let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
                  let rootVC = windowScene.windows.first?.rootViewController,
                  let tabBarVC = rootVC.children.first as? UITabBarController else {
                return
            }
            tabBarVC.moreNavigationController.navigationBar.isHidden = true
        }
    }

    TabBar()
        .toolbar(.hidden, for: .tabBar)
}

确保页面自身导航栏正常显示 #

在第5、6页的视图中，通过SwiftUI的NavigationStack（iOS 16+）或NavigationView（iOS 15及以下）添加自身的导航栏：

struct View5: View {
    var body: some View {
        NavigationStack {
            Text("View5 内容")
                .navigationTitle("我的页面")
                .navigationBarTitleDisplayMode(.inline)
        }
    }
}

这样设置后，More的导航栏会被隐藏，而页面自身的导航栏能正常显示和使用。

额外说明 #

如果需要更彻底的控制，可以设置moreNavigationController的代理，确保在任何情况下都隐藏其导航栏：

// 让TabView容器视图遵守UINavigationControllerDelegate
extension YourTabContainerView: UINavigationControllerDelegate {
    func navigationController(_ navigationController: UINavigationController, willShow viewController: UIViewController, animated: Bool) {
        guard let tabBarVC = navigationController.parent as? UITabBarController,
              tabBarVC.moreNavigationController == navigationController else {
            return
        }
        navigationController.navigationBar.isHidden = true
    }
}

// 在TabView的onAppear中设置代理
.onAppear {
    guard let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
          let rootVC = windowScene.windows.first?.rootViewController,
          let tabBarVC = rootVC.children.first as? UITabBarController else {
        return
    }
    tabBarVC.moreNavigationController.delegate = self
}

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