SwiftUI中NavigationTitle无法正确显示问题求解

你的代码写法本身没有逻辑错误，导航标题不显示的核心原因是NavigationView的默认样式适配问题，以及系统版本兼容性问题：

1. 运行在iPad、横屏iPhone等大尺寸场景时，NavigationView默认采用多列侧边栏样式，导航栏会折叠隐藏，不会显示在顶部
2. iOS 16及以上系统中NavigationView已被官方废弃，虽然仍可向下兼容，但会出现不可预期的渲染异常
3. .navigationTitle修饰符本身就需要挂载在NavigationView的子视图上，你尝试将它加在NavigationView本身的操作是错误的。

• 方案1：指定NavigationView栈式样式（适配iOS13~15）
  给NavigationView添加.navigationViewStyle(.stack)修饰符，强制所有设备场景都使用栈式导航，顶部会固定展示导航栏：

  NavigationView{
      VStack{
          Image(club.image)
              .resizable()
              .scaledToFit()
              .frame(height: 300)
          Text(club.name)
              .font(.system(size: 40, weight: .black))
          HStack(alignment: .center, spacing: 20){
              Label(title: {
                  Text(club.league)
                      .foregroundColor(.secondary)
              }, icon: {
                  Image(systemName: "location.north.circle.fill")
                      .foregroundColor(.blue)
              })
              Label(title: {
                  Text(club.netWorth)
                      .foregroundColor(.secondary)
              }, icon: {
                  Image(systemName: "dollarsign.circle.fill")
                      .foregroundColor(.blue)
              })
          }
      }.navigationTitle(club.name)
  }
  .navigationViewStyle(.stack)
  

• 方案2：适配iOS16及以上系统，使用NavigationStack替换废弃组件
  iOS16推出的新导航容器不存在旧版样式兼容问题，写法更简洁：

  NavigationStack{
      VStack{
          Image(club.image)
              .resizable()
              .scaledToFit()
              .frame(height: 300)
          Text(club.name)
              .font(.system(size: 40, weight: .black))
          HStack(alignment: .center, spacing: 20){
              Label(title: {
                  Text(club.league)
                      .foregroundColor(.secondary)
              }, icon: {
                  Image(systemName: "location.north.circle.fill")
                      .foregroundColor(.blue)
              })
              Label(title: {
                  Text(club.netWorth)
                      .foregroundColor(.secondary)
              }, icon: {
                  Image(systemName: "dollarsign.circle.fill")
                      .foregroundColor(.blue)
              })
          }
      }.navigationTitle(club.name)
  }
  

  如果需要同时兼容多版本系统，可以添加系统版本判断：

  if #available(iOS 16.0, *) {
      NavigationStack{
          // 页面内容
      }
  } else {
      NavigationView{
          // 页面内容
      }
      .navigationViewStyle(.stack)
  }
  

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