如何在 SwiftUI 中交替使用 centerX 自動布局約束

Question

我想像這樣調整我的視圖以使元素水平對齊其父元素的中心並將另一個視圖引向該元素。

我像這樣用自動布局實現這個視圖。

consumeLabel.centerXAnchor.constraint(equalTo: parentView.centerXAnchor).isActive = true
unitLabel.leadingAnchor.constraint(equalTo: consumeLabel.trailingAnchor, constant: 5).isActive = true

但是我找不到如何通過 SwiftUI 實現它。

這就是我正在嘗試的：

ZStack {
        Image("waterHomeHeader")
            .resizable()
            .scaledToFill()
            .edgesIgnoringSafeArea(.all)
        HStack {
            Text("1350 / 2917")
                .frame(alignment: .center)
                .foregroundColor(.white)
                .font(.title2)
            Text("ml")
                .foregroundColor(.white)
                .font(.footnote)
                .padding(.leading, 2)
        }
    }

Answer 1

這是可能的解決方案（使用 Xcode 12.1 / iOS 14.1 測試）

    HStack {
        Spacer()
        Text("1350 / 2917")
            .frame(alignment: .center)
            .foregroundColor(.white)
            .font(.title2)
        Spacer().overlay(
            Text("ml")
                .foregroundColor(.white)
                .font(.footnote)
                .padding(.leading, 2), alignment: .leading)
    }