SwiftUI：如何让Path像Image(systemName:)一样对齐.firstTextBaseline？

方案一：自定义alignmentGuide（全iOS版本兼容） #

SwiftUI的alignmentGuide可以手动指定视图的对齐基准线位置，完美适配自定义Path的对齐需求。你只需要计算Path底部到目标基准线的偏移量，然后调整firstTextBaseline的对齐位置：

HStack(alignment: .firstTextBaseline) {
    Path { path in
        // 替换为你的自定义Path绘制逻辑
        path.move(to: CGPoint(x: 0, y: 10))
        path.addLine(to: CGPoint(x: 15, y: 0))
        path.addLine(to: CGPoint(x: 0, y: -10))
        path.closeSubpath()
    }
    .stroke()
    .alignmentGuide(.firstTextBaseline) { dimension in
        // 假设Path底部到目标基准线的偏移是8pt，根据实际Path调整数值
        dimension[.bottom] - 8
    }
    
    Text("示例文本")
}

原理：通过alignmentGuide，把Path视图的firstTextBaseline对齐点从默认的底部边缘，向上偏移指定距离，和文本的基准线匹配。

方案二：iOS 16+ 使用.baselineOffset #

如果项目仅需支持iOS 16及以上版本，直接用系统提供的.baselineOffset修饰符即可，偏移量设为负数（让基准线向上移动）：

HStack(alignment: .firstTextBaseline) {
    Path { path in
        // 自定义Path绘制逻辑
    }
    .stroke()
    .baselineOffset(-8) // 根据实际需求调整偏移量
    
    Text("示例文本")
}

方案三：ZStack+隐形文本对齐（全版本兼容） #

用同字号的隐形文本作为基准参考，让Path对齐这个隐形文本的基准线，再和真实文本对齐：

HStack(alignment: .firstTextBaseline) {
    ZStack(alignment: .firstTextBaseline) {
        // 隐形文本，字号与真实文本一致，作为基准参考
        Text(" ")
            .opacity(0)
            .font(.body) // 匹配真实文本的字体
        
        Path { path in
            // 调整Path绘制坐标，使其与隐形文本基准线对齐
            path.move(to: CGPoint(x: 0, y: 0)) // y=0对应隐形文本的基准线
            // 其他Path绘制代码
        }
        .stroke()
    }
    
    Text("示例文本")
        .font(.body)
}

原理：利用隐形文本的firstTextBaseline作为对齐锚点，确保Path位置和文本基准线完全匹配。

内容的提问来源于stack exchange，提问作者Tomáš Kafka