SwiftUI中Text与navigationBarTitle左侧边距对齐问题求助

方案1：使用系统内置导航栏边距（iOS 16+） #

SwiftUI在iOS 16及以上版本提供了专门匹配导航栏标题的边距值，直接给目标文本设置该边距即可实现全机型对齐：

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationStack {
            VStack {
                HStack {
                    Text("Text 2")
                        .padding(.leading, .navigationBarLeading)
                    Spacer()
                }
                Spacer()
            }
            .navigationBarTitle("Text 1")
        }
    }
}

方案2：自定义边距兼容旧版本（iOS 15及以下） #

如果需要适配iOS 15，可以通过尺寸类和基础边距模拟系统导航栏的边距逻辑：

import SwiftUI

struct ContentView: View {
    @Environment(\.horizontalSizeClass) private var horizontalSizeClass
    
    private var navigationBarLeadingPadding: CGFloat {
        let basePadding = horizontalSizeClass == .compact ? 16 : 20
        return CGFloat(basePadding)
    }
    
    var body: some View {
        NavigationStack {
            VStack {
                HStack {
                    Text("Text 2")
                        .padding(.leading, navigationBarLeadingPadding)
                    Spacer()
                }
                Spacer()
            }
            .navigationBarTitle("Text 1")
        }
    }
}

方案3：通过对齐指南精准匹配 #

移除默认的水平内边距，使用对齐指南手动调整文本偏移，和导航栏标题完全对齐：

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationStack {
            VStack(alignment: .leading) {
                Text("Text 2")
                    .alignmentGuide(.leading) { d in
                        d[.leading] - navigationBarTitleOffset()
                    }
                Spacer()
            }
            .navigationBarTitle("Text 1")
        }
    }
    
    private func navigationBarTitleOffset() -> CGFloat {
        UIScreen.main.bounds.width > 375 ? 4 : 0
    }
}

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