如何解决SwiftUI HStack 文本未对齐
我目前在列表中有一些 HStack。
然而,奇怪的是“攻击”文本比所有其他字段都更靠右。可能很难注意到,但它使一切看起来都有些偏离。奇怪的是,当我尝试为它使用不同的图标时不会发生这种情况,例如 shield.checkerboard
:
struct StatCell: View {
var title: String
var imgName: String
var clr: Color
var value: Int
var body: some View {
HStack {
Image(systemName: imgName)
.font(.headline)
.foregroundColor(clr)
.imageScale(.medium)
Text(title)
.font(.headline)
.padding(.leading,10)
Spacer()
Text("\(value)")
.font(.headline)
.foregroundColor(.gray)
}
}
}
我是 Swift 和 iOS 开发的新手,所以如果我弄错了任何术语,我深表歉意。如果除了使用不同的图标之外,有人知道此问题的任何解决方案,我们将不胜感激!
解决方法
Asperi 的评论包含这个答案,解决了我的问题!
https://stackoverflow.com/a/61984317/14410812
在图像上放置 .frame(width: 28)
会将它们设置为相同的宽度,从而防止出现此问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。