首页 > 解决方案 > SwiftUI:将 SF 图标放入行高

问题描述

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

图像在其周围添加了不需要的空间,从而增加了行高

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

额外的空间来自哪里,我该如何控制它?

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

标签: imagetextswiftuiiconsline-height

解决方案


该图像显示了图像和文本之间的差异,其中图像添加了不需要的空间。额外的空间来自哪里,我该如何控制它?

这完全是关于默认间距......它是,是的,奇怪,使用显式,例如

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

推荐阅读