SwiftUI中如何在NavigationView内的TabView标签添加工具栏

要实现这个需求，核心思路是通过跟踪当前选中的标签状态，在外层NavigationView的工具栏中动态切换对应标签的工具栏项，无需给每个子视图单独嵌套NavigationView。以下是完整的实现方案：

1. 定义标签枚举（可选但推荐） #

先创建一个枚举来管理所有标签，方便后续维护：

enum Tab: Hashable {
    case first
    case second
    case third
}

2. 主视图实现 #

外层用单个NavigationView（iOS 16+推荐用NavigationStack）包裹TabView，通过@State变量记录当前选中的标签，再根据这个状态动态渲染工具栏：

struct MainView: View {
    @State private var selectedTab: Tab = .first
    
    var body: some View {
        NavigationStack {
            TabView(selection: $selectedTab) {
                // 第一个标签页
                FirstTabView()
                    .tabItem {
                        Label("首页", systemImage: "house")
                    }
                    .tag(Tab.first)
                
                // 第二个标签页
                SecondTabView()
                    .tabItem {
                        Label("列表", systemImage: "list.bullet")
                    }
                    .tag(Tab.second)
                
                // 第三个标签页
                ThirdTabView()
                    .tabItem {
                        Label("我的", systemImage: "person")
                    }
                    .tag(Tab.third)
            }
            .toolbar {
                ToolbarItem(placement: .navigationBarTrailing) {
                    switch selectedTab {
                    case .first:
                        Button("编辑") {
                            // 首页的编辑操作逻辑
                        }
                    case .second:
                        Button("添加") {
                            // 列表页的添加操作逻辑
                        }
                    case .third:
                        Button("分享") {
                            // 我的页面的分享操作逻辑
                        }
                    }
                }
            }
            .navigationTitle(selectedTab == .first ? "首页" : selectedTab == .second ? "列表" : "我的")
        }
    }
}

// 示例子视图（可替换为实际业务视图）
struct FirstTabView: View {
    var body: some View {
        Text("首页内容")
    }
}

struct SecondTabView: View {
    var body: some View {
        Text("列表内容")
    }
}

struct ThirdTabView: View {
    var body: some View {
        Text("我的内容")
    }
}

关键说明 #

• 状态绑定：@State private var selectedTab与TabView的选中状态绑定，确保工具栏能实时感知当前活跃标签。
• 动态工具栏：在.toolbar修饰符中通过switch语句，根据选中标签渲染对应工具栏按钮，实现差异化展示。
• 版本兼容：iOS 15及以下版本，将NavigationStack替换为NavigationView即可正常运行。
• 标题同步：可选通过navigationTitle根据选中标签动态切换导航栏标题，让整体交互更统一。

这种方案既满足了外层仅一个NavigationView的要求，又能灵活控制每个标签的工具栏项，避免了重复嵌套带来的布局问题。

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