SwiftUI中如何消除SF Symbol的多余内边距？

问题重现 #

以下代码使用scaledToFit()试图让SF Symbol贴合容器，但符号右侧始终存在无法消除的小间隙；尝试.aspectRatio(contentMode: .fit)及自定义比例参数均无效，就连1:1比例的square符号也有同样问题，仅通过添加.imageScale(.large)解决了该符号的间隙：

VStack{
    Image(systemName: "drop")
        .resizable()
        .font(.largeTitle.weight(.ultraLight))
        .scaledToFit()
}

可行解决方案 #

• 避免混用.font()与.resizable()
  SF Symbol的.font()修饰符会自带排版边距，和.resizable()叠加使用时会产生额外间隙。改用.imageScale()配合.font()控制大小，或直接用.scaleEffect()调整：

// 方案1：用imageScale替代resizable
VStack{
    Image(systemName: "drop")
        .imageScale(.large)
        .font(.largeTitle.weight(.ultraLight))
}

// 方案2：用scaleEffect控制缩放
VStack{
    Image(systemName: "drop")
        .resizable()
        .scaleEffect(0.8) // 根据实际需求调整比例
        .scaledToFit()
}

• 负边距微调间隙
  如果必须保留原有代码结构，可通过负边距强行消除右侧间隙，数值根据实际间隙大小调整：

VStack{
    Image(systemName: "drop")
        .resizable()
        .font(.largeTitle.weight(.ultraLight))
        .scaledToFit()
        .padding(.trailing, -2)
}

• GeometryReader强制适配容器
  通过容器尺寸直接约束符号大小，规避排版边距的影响：

GeometryReader { geo in
    Image(systemName: "drop")
        .resizable()
        .scaledToFit()
        .frame(width: geo.size.width, height: geo.size.height)
}

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