SwiftUI中NavigationView嵌套TabView时导航栏标题不更新如何解决？

• 布局结构不符合SwiftUI官方规范：你当前使用全局NavigationView嵌套TabView的写法是不被推荐的，苹果官方标准设计是TabView作为根容器，每个Tab子页面单独持有自己的NavigationView/NavigationStack，各自管理导航栏状态。全局单NavigationView的写法很容易出现导航状态更新不触发的问题。
• 导航视图样式未固定：如果你的应用兼容iPadOS，NavigationView默认会使用双列/三列样式，这种模式下导航栏标题的更新逻辑和iPhone端的单列栈模式不一致，很容易出现状态不刷新的问题。
• 第三方/自定义Modifier干扰：你代码中使用的toast、bottomSheet等自定义Modifier，或者UIKit封装的PasswordView内部如果有操作导航栏的逻辑，可能会打断SwiftUI的状态更新链路，导致导航栏标题无法响应变量变化。
• 监听方式稳定性问题：onReceive是Combine框架的监听方式，在部分iOS版本中对SwiftUI视图状态的触发优先级低于原生的onChange修饰符，可能出现监听触发但视图没更新的情况。

你的最小可复现示例可以正常运行，就是因为示例没有引入自定义Modifier、UIKit封装视图，也没有触发多列导航样式，所以状态更新链路是完整的。你之前通过修改UUID强制刷新的方案虽然有效，但会导致整个NavigationView重建，丢失导航栈的页面层级，体验损失很大，不建议长期使用。

方案1：调整布局结构（最推荐） #

将TabView作为根视图，每个Tab子页面单独管理自己的导航栏，完全规避全局导航栏的状态冲突问题：

struct ContentView: View {
    @ObservedObject var viewModel: ContentViewModel
    @ObservedObject var toProcessViewModel: ListViewModel = ListViewModel(listType: .toProcess)
    @ObservedObject var myRequestsViewModel: ListViewModel = ListViewModel(listType: .myRequests)
    @ObservedObject var settingsViewModel: SettingsViewModel = SettingsViewModel()

    var body: some View {
        TabView(selection: self.$viewModel.tabBarSelection) {
            NavigationView {
                ListView(viewModel: self.toProcessViewModel)
                    .navigationBarTitle("tabbar.title.approval".localized, displayMode: .inline)
            }
            .tabItem {
                R.image.tabBar.toProcess
                Text("tabbar.title.approval".localized)
            }
            .tag(0)
            
            NavigationView {
                ListView(viewModel: self.myRequestsViewModel)
                    .navigationBarTitle("tabbar.title.myRequests".localized, displayMode: .inline)
            }
            .tabItem {
                R.image.tabBar.myRequests
                Text("tabbar.title.myRequests".localized)
            }
            .tag(1)
            
            PasswordView()
                .tabItem {
                    R.image.tabBar.password
                    Text("tabbar.title.password".localized)
                }
                .tag(2)
                .commonRedimBackground()
            
            NavigationView {
                SettingsView(viewModel: self.settingsViewModel)
                    .navigationBarTitle("tabbar.title.settings".localized, displayMode: .inline)
            }
            .tabItem {
                R.image.tabBar.settings
                Text("tabbar.title.settings".localized)
            }
            .tag(3)
        }
        .accentColor(R.color.redimBlue)
        // 全局的toast、alert等修饰符加在TabView外层即可
        .toast(isPresented: self.$viewModel.showingToast, text: self.viewModel.toastTitle, image: self.viewModel.toastImage, backgroundColor: self.viewModel.toastBackgroundColor)
        .bottomSheet(isPresented: self.$viewModel.showingBottomSheet, view: self.viewModel.bottomSheetView)
        .alert(isPresented: self.$viewModel.showingAlert) {
            Alert(title: Text(self.viewModel.alertTitle), message: Text(self.viewModel.alertMessage), dismissButton: .default(Text("general.understand".localized)))
        }
    }
}

方案2：保留原结构的修复方案 #

如果必须保留全局NavigationView的结构，可通过以下修改修复：

1. 给NavigationView固定单列栈样式，避免多列模式的干扰
2. 用空实现的onChange监听选中项变化，强制触发视图刷新

struct ContentView: View {
    @ObservedObject var viewModel: ContentViewModel
    // 其他ViewModel、属性省略...
    
    var body: some View {
        NavigationView {
            TabView(selection: self.$viewModel.tabBarSelection) {
                // 子页面逻辑不变，省略...
            }
            .navigationBarTitle(Text(navigationBarTitle), displayMode: .inline)
            .navigationBarHidden(navigationBarHidden)
            .navigationBarTitleDisplayMode(.inline)
            .accentColor(R.color.redimBlue)
            // 监听选中项变化，空实现即可触发视图刷新标题
            .onChange(of: viewModel.tabBarSelection) { _ in }
        }
        // 固定导航栏为单列栈模式，兼容iPad场景
        .navigationViewStyle(.stack)
        // 其他全局修饰符逻辑不变，省略...
    }
}

// 保留原有的navigationBarTitle、navigationBarHidden计算属性即可
private extension ContentView {
    var navigationBarTitle: String {
        // 原有逻辑不变
    }
    
    var navigationBarHidden: Bool {
        // 原有逻辑不变
    }
}

内容的提问来源于stack exchange，提问作者Antonín Šimek