在移动应用开发中，TabBar 和 Navigation Controller 有时会一起使用，以创建用户友好的界面。不同的平台和框架有不同的实现方法。下面以 iOS 应用开发为例，讲解如何嵌套 TabBar 和 Navigation Controller 来设计一个简单的页面结构。

1. 项目结构

假设我们要创建一个包含三个主标签页的应用，每个标签页都有一个独立的导航控制器：

• 主页（Home）
• 搜索（Search）
• 设置（Settings）

每个页面可以进一步导航到详细信息页面。

2. 创建 TabBarController

首先，创建一个 UITabBarController 来管理不同的页面：

import UIKit  
class MainTabBarController: UITabBarController {  
    override func viewDidLoad() {  
        super.viewDidLoad()  
        // 创建每个标签页的根视图控制器  
        let homeVC = HomeViewController()  
        let searchVC = SearchViewController()  
        let settingsVC = SettingsViewController()  
        // 包装成 Navigation Controller  
        let homeNav = UINavigationController(rootViewController: homeVC)  
        let searchNav = UINavigationController(rootViewController: searchVC)  
        let settingsNav = UINavigationController(rootViewController: settingsVC)  
        // 分配标签和图标  
        homeNav.tabBarItem = UITabBarItem(title: "Home", image: UIImage(systemName: "house"), tag: 0)  
        searchNav.tabBarItem = UITabBarItem(title: "Search", image: UIImage(systemName: "magnifyingglass"), tag: 1)  
        settingsNav.tabBarItem = UITabBarItem(title: "Settings", image: UIImage(systemName: "gear"), tag: 2)  
        // 将视图控制器添加到 TabBar  
        self.viewControllers = [homeNav, searchNav, settingsNav]  
    }  
}  

3. 实现每个视图控制器

每个视图控制器可以有各自的功能和 UI 设计。简单示例：

import UIKit  
class HomeViewController: UIViewController {  
    override func viewDidLoad() {  
        super.viewDidLoad()  
        self.view.backgroundColor = .white  
        self.title = "Home"  
        // 添加示例按钮来推送到新的 ViewController  
        let detailButton = UIButton(type: .system)  
        detailButton.setTitle("Go to Detail", for: .normal)  
        detailButton.addTarget(self, action: #selector(showDetail), for: .touchUpInside)  
        detailButton.center = self.view.center  
        detailButton.sizeToFit()  
        self.view.addSubview(detailButton)  
    }  
    @objc func showDetail() {  
        let detailVC = DetailViewController()  
        self.navigationController?.pushViewController(detailVC, animated: true)  
    }  
}  
class SearchViewController: UIViewController {  
    override func viewDidLoad() {  
        super.viewDidLoad()  
        self.view.backgroundColor = .white  
        self.title = "Search"  
    }  
}  
class SettingsViewController: UIViewController {  
    override func viewDidLoad() {  
        super.viewDidLoad()  
        self.view.backgroundColor = .white  
        self.title = "Settings"  
    }  
}  
class DetailViewController: UIViewController {  
    override func viewDidLoad() {  
        super.viewDidLoad()  
        self.view.backgroundColor = .white  
        self.title = "Detail"  
    }  
}  

4. 启动应用

在 SceneDelegate 或 AppDelegate 中设置根视图为 MainTabBarController。

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {  
    guard let windowScene = (scene as? UIWindowScene) else { return }  
    let window = UIWindow(windowScene: windowScene)  
    window.rootViewController = MainTabBarController()  
    window.makeKeyAndVisible()  
    self.window = window  
}  

总结

这种结构利用了 UITabBarController 和 UINavigationController 的组合，使得应用在多个标签页中提供一致的导航逻辑。通过这种方法，用户可以在不同功能模块之间无缝切换，并可以在每个模块内深入到多个层级的界面。在设计复杂应用时，这种模式尤为常见。