SwiftUI移除文本额外水平内边距，实现文本与H1左对齐

你遇到的是自定义字体在特定设备上出现内置水平边距的问题，导致多行Text无法和上方的H1左对齐。以下是几种可行的解决方法：

方法一：强制文本占满容器宽度并左对齐 #

给下方的Text添加frame(maxWidth: .infinity, alignment: .leading)，让文本拉伸到父容器的宽度，同时保持左对齐，这样就能和H1的左边缘完全对齐：

struct TestView: View {
    var body: some View {
        VStack {
            HStack {
                Text("H1")
                    .font(.custom("GillSans-bold", size: 18))
                Spacer()
                Image(systemName: "doc")
            }
            Text("Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.")
                .font(.custom("GillSans", size: 18))
                .background(.cyan)
                .frame(maxWidth: .infinity, alignment: .leading) // 添加该行解决对齐问题
        }
        .background(.yellow)
        .padding()
    }
}

方法二：修正字体内置边距（针对字体本身问题） #

如果是GillSans字体自带了额外的左右边距，可以通过调整字体的tracking参数抵消，或者使用fontDesign(.default)强制系统采用默认排版逻辑：

Text("Lorem Ipsum...")
    .font(.custom("GillSans", size: 18).fontDesign(.default))
    .background(.cyan)

也可以手动微调内边距（不推荐，适配性较差，需根据实际偏移量调整数值）：

Text("Lorem Ipsum...")
    .font(.custom("GillSans", size: 18))
    .background(.cyan)
    .padding(.horizontal, -4)

方法三：使用对齐基准统一对齐线 #

通过alignmentGuide给两个文本组件设置相同的左对齐基准，确保它们的左边缘完全重合：

struct TestView: View {
    var body: some View {
        VStack(alignment: .leading) { // 给VStack设置leading对齐
            HStack {
                Text("H1")
                    .font(.custom("GillSans-bold", size: 18))
                    .alignmentGuide(.leading) { $0[.leading] }
                Spacer()
                Image(systemName: "doc")
            }
            Text("Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.")
                .font(.custom("GillSans", size: 18))
                .background(.cyan)
                .alignmentGuide(.leading) { $0[.leading] }
        }
        .background(.yellow)
        .padding()
    }
}

其中方法一最通用，不需要针对字体或设备做特殊调整，建议优先尝试。

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