SwiftUI中末尾带冒号的文本冒号下沉问题咨询

这是预期行为吗？ #

是正常的字体排版优化，并非SwiftUI的bug。苹果系统默认的San Francisco字体（以及多数标准西文字体）会对行末标点应用**悬挂标点（Hanging Punctuation）**规则，目的是让文本边缘视觉上更整齐。冒号这类标点会被轻微向下偏移，避免行末出现视觉参差不齐的情况。

如何阻止该现象？ #

有几种可行的解决方法：

方法1：用NSAttributedString关闭悬挂标点 #

通过自定义段落样式，明确禁用悬挂标点规则：

var body: some View {
    // 构建带自定义段落样式的富文本
    let attributedContent = NSAttributedString(
        string: "8:8:8:",
        attributes: [
            .paragraphStyle: {
                let style = NSMutableParagraphStyle()
                style.hangingPunctuation = .none // 关闭悬挂标点
                return style
            }()
        ]
    )
    
    Text(attributedContent)
}

方法2：添加零宽空格伪装非句末标点 #

在冒号后插入一个不可见的零宽空格（\u{200B}），让系统判定冒号不是行末字符：

var body: some View {
    Text("8:8:8:\u{200B}") // 静态文本末尾加零宽空格
    Text(myText + "\u{200B}") // 动态文本同理
}

方法3：使用fixedSize强制文本布局 #

适合单行文本场景，强制文本以自身内容尺寸渲染，绕过默认排版优化：

var body: some View {
    Text("8:8:8:").fixedSize()
}

注：方法3可能会影响多语言或自适应布局场景，建议优先使用前两种方法。

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