SwiftUI:将SF图标适应行高

问题描述

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

Image adds unwanted space around it,increasing the line height

图像显示了图像和文本之间的区别,其中图像添加了多余的空间。

多余的空间在哪里,我该如何控制?

vstack {
    Text("User Name").bold()
    HStack {
        Text("[email protected]")
        Image(systemName: "checkmark.seal.fill")
        .font(.system(size: 14))
            .foregroundColor(.blue)
    }
}

解决方法

图像显示图像和文本之间的区别,其中图像会添加多余的空间。 多余的空间从哪里来,我该如何控制?

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

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