关于在NavigationStack切换视图及TabView切换标签时修改导航栏标题的技术咨询

当然可以实现这个需求！我来一步步教你怎么让导航栏标题跟着TabView的切换自动变化～

首先，你的当前代码里导航栏标题是固定的"TaxiApp"，要实现动态变化，核心思路是用一个状态变量跟踪当前选中的标签，然后根据这个变量动态设置导航标题。具体步骤如下：

• 第一步：给ContentView添加一个状态变量，用来记录当前选中的Tab索引
• 第二步：给TabView绑定这个状态变量，同时给每个Tab设置对应的tag
• 第三步：准备一个和Tab对应的标题数组，根据选中的索引动态切换导航栏标题

下面是修改后的完整代码：

struct ContentView: View {
    // 跟踪当前选中的Tab索引
    @State private var selectedTab = 0
    // 对应每个Tab的标题数组
    private let tabTitles = ["Home", "Available Orders", "Booked Orders", "Settings"]
    
    var body: some View {
        NavigationStack {
            TabView(selection: $selectedTab) {
                Tab("", systemImage: "house") {
                    HomeView()
                }
                .tag(0) // 对应索引0
                
                Tab("", systemImage: "note.text") {
                    AvailableOrdersView()
                }
                .tag(1) // 对应索引1
                
                Tab("", systemImage: "checkmark.square") {
                    BookedOrdersView()
                }
                .tag(2) // 对应索引2
                
                Tab("", systemImage: "gear") {
                    SettingsView()
                }
                .tag(3) // 对应索引3
            }
            // 动态设置导航栏标题
            .navigationTitle(tabTitles[selectedTab])
            .navigationBarTitleDisplayMode(.inline)
            .toolbarBackground(.cyan, for: .navigationBar)
            .toolbarBackgroundVisibility(.visible, for: .bottomBar)
            .toolbarBackground(.cyan, for: .bottomBar)
        }
    }
}

另外补充一点：如果你的各个子视图（比如HomeView）本身需要设置独立的导航标题，也可以在子视图内部直接使用.navigationTitle()，不过这样会覆盖父视图的导航标题。如果需要统一控制所有Tab的导航标题，上面的方法会更合适。

内容来源于stack exchange