SwiftUI-将文本视图的中心设置为始终处于绝对固定的位置

SwiftUI-将文本视图的中心设置为始终处于绝对固定的位置,swiftui,Swiftui,我正在尝试构建一个足球应用程序。我的主要详细视图显示匹配统计信息。我无法找到任何方法使显示比赛分数的中心文本元素保持在绝对中心,以便文本中的冒号完全位于屏幕中间的指导线的中心。由于冒号两边的数字不同,它会稍微移位 在任何情况下,有没有办法将此元素固定在中心位置?我附上了一张显示错位的截图 代码: 示例:您可以将视图放在ZStack中,并将“:”放在另一个Z级别上,因此它不再依赖于同一水平堆栈中的其他元素。谢谢您,先生。完美的 VStack() { HStack(alignment: .cente

我正在尝试构建一个足球应用程序。我的主要详细视图显示匹配统计信息。我无法找到任何方法使显示比赛分数的中心文本元素保持在绝对中心,以便文本中的冒号完全位于屏幕中间的指导线的中心。由于冒号两边的数字不同,它会稍微移位

在任何情况下,有没有办法将此元素固定在中心位置?我附上了一张显示错位的截图

代码:


示例:

您可以将视图放在ZStack中,并将“:”放在另一个Z级别上,因此它不再依赖于同一水平堆栈中的其他元素。

谢谢您,先生。完美的
VStack() {
HStack(alignment: .center) {
Text("\(matchItem.HomeGoals) : \(matchItem.AwayGoals)")
.font(.system(size: 35.0))
.fontWeight(.heavy)
.foregroundColor(Color.white)
.lineLimit(3)
.multilineTextAlignment(.center)
.fixedSize(horizontal: true, vertical: true)
.allowsTightening(false)
}.padding(15)
}.frame(width: 75, height: 80, alignment: .center)