iOS16+中点击NavigationLink后如何居中导航栏标题？

针对你遇到的问题，在iOS16及以上系统中可以通过以下方式解决：

核心问题原因 #

iOS16开始NavigationView被标记为过时，官方推荐使用NavigationStack替代，同时原结构中目标视图未明确设置导航栏标题的显示模式，导致跳转后标题布局异常。

具体修改方案 #

1. 将NavigationView替换为NavigationStack（iOS16+专属API），适配新系统的导航架构
2. 给跳转的目标视图添加导航栏标题配置，明确设置显示模式为.inline并保持居中
3. 调整Toolbar的写法，适配新的导航组件

修改后的完整代码：

import SwiftUI

public struct TabViewTest: View {
    @State var selectedTab: Int = 0
    
    public var body: some View {
        TabView(selection: $selectedTab) {
            // 用NavigationStack替代NavigationView
            NavigationStack {
                NavigationLink(destination: 
                    Text("destination")
                        // 给目标视图设置导航栏标题及显示模式
                        .navigationTitle("目标页面")
                        .navigationBarTitleDisplayMode(.inline)
                ) {
                    FeedView(selectedTab: $selectedTab)
                        .navigationTitle("Feed")
                        .navigationBarTitleDisplayMode(.inline)
                        .toolbar {
                            ToolbarItem(placement: .navigationBarTrailing) {
                                Image(systemName: "magnifyingglass.circle")
                                    .onTapGesture {
                                        selectedTab = 1
                                    }
                            }
                        }
                }
            }
            .tabItem {
                Text("Feed")
                    .foregroundColor(.white)
            }
            .tag(0)
            
            // 第二个Tab的内容（原代码中缺失，补充完整）
            ProfileView(selectedTab: $selectedTab)
                .tabItem {
                    Text("Profile")
                        .foregroundColor(.white)
                }
                .tag(1)
        }
    }
}

struct FeedView: View {
    @Binding var selectedTab: Int
    
    var body: some View {
        ZStack {
            Color.gray.ignoresSafeArea()
            Text("Feed页面，点击跳转")
                .font(.title)
                .foregroundColor(.white)
        }
    }
}

struct ProfileView: View {
    @Binding var selectedTab: Int
    
    var body: some View {
        ZStack {
            Color.white.ignoresSafeArea()
            VStack {
                Text("Nav link test tap anywhere")
                    .font(.largeTitle)
                    .foregroundColor(.black) // 原代码白色在白色背景不可见，调整颜色
            }
        }
    }
}

关键改动说明 #

• 替换NavigationView为NavigationStack：iOS16+推荐的导航组件，解决旧组件在新系统中的布局兼容性问题
• 目标视图添加导航配置：通过navigationTitle和navigationBarTitleDisplayMode(.inline)强制标题居中显示
• 调整Toolbar组件：用ToolbarItem指定位置，避免布局混乱
• 补充缺失的FeedView实现：原代码中引用了FeedView但未实现，补充后保证代码可运行

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