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

Question

我正在尝试构建足球应用。我的主要详细信息视图显示了比赛统计信息。我找不到任何方法可以使显示比赛分数的中心文本元素保持在绝对中心，以使文本中的冒号完全位于屏幕中间的准则上方。结肠两侧的数字不同，会略有偏移。

在任何情况下，是否有任何方法可以将此元素固定为精确居中？我已附上截图，显示未对准。

代码：

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)

示例：

Answer 1

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