SwiftUI：使 SF Icon 适合行高

Question

当我尝试在文本旁边显示图标时，图像在上面添加了不需要的 space，增加了行高，我不明白如何控制它。我尝试了框架、填充、可调整大小但没有成功。我还尝试了标签元素，我的 XCode 无法识别（“未解析的标识符标签”）。

图像显示了图像和文本之间的差异，其中图像添加了不需要的 space。

额外的 space 是从哪里来的，我该如何控制它？

VStack {
    Text("User Name").bold()
    HStack {
        Text("hello@contact.com")
        Image(systemName: "checkmark.seal.fill")
        .font(.system(size: 14))
            .foregroundColor(.blue)
    }
}

Answer 1

The image shows the difference between an Image and Text, where the Image adds unwanted space. Where is that extra space coming from and how can I control it?

都是关于默认间距的...是的，是的，奇怪，使用显式，例如

VStack(spacing: 0) {
   // ... other your code
}

SwiftUI：使 SF Icon 适合行高

SwiftUI: fit SF Icon into line height

image

text

swiftui

icons

line-height