SwiftUI中@Published属性用作navigationBar标题出现更新延迟问题求解

问题说明 #

开发中发现将@Published属性用作导航栏标题时存在更新延迟：仅导航栏标题更新不及时，页面内Text视图可实时响应值变化，若在ViewModel的init方法中完成赋值则无此问题。

可行解决方案 #

方案1：提前预赋值规避延迟 #

如果业务逻辑允许提前获取标题值，直接在页面前置节点（如跳转前的父页面、ViewModel初始化时）完成@Published属性赋值，进入页面时导航栏已加载对应值，从根源规避延迟问题。
适合标题值不需要当前页面加载获取的场景，无额外性能损耗。

方案2：修复自定义Toolbar标题的溢出问题 #

自定义Toolbar标题本身可以解决更新延迟问题，只需修改原有写法即可解决长文本溢出问题：移除fixedSize()修饰符，增加行限制、最大宽度约束和布局优先级即可同时满足实时更新、自动截断的需求，代码示例如下：

.toolbar(content: {
    ToolbarItem(placement: .principal) {
       Text(viewModel.text)
           .lineLimit(1) // 单行显示，超出自动截断
           .frame(maxWidth: .infinity, alignment: .center) // 占满导航栏可用宽度，居中对齐
           .layoutPriority(1) // 提升布局优先级，避免布局不更新的问题
    }
})

该方案适配绝大多数场景，支持动态长文本自动截断，不会覆盖导航栏两侧按钮，性能表现稳定。

方案3：原生navigationTitle强制刷新 #

如果需要保留原生navigationTitle的使用方式，可给当前页面根视图绑定id关联标题属性，值变化时触发页面全局重绘带动导航栏立即刷新，代码示例如下：

struct ContentView: View {
    @ObservedObject var viewModel: ContentViewModel

    var body: some View {
        Text(viewModel.text)
            .padding()
            .id(viewModel.text) // 新增该行，绑定标题属性触发重绘
            .navigationTitle(viewModel.text)
            .onAppear(perform: viewModel.onAppear)
    }
}

该方案改造成本极低，但页面重绘会带来少量性能开销，适合页面结构简单的场景使用。

内容的提问来源于stack exchange，提问作者José Roberto Abreu