swiftui - 如何居中第二个 HStack 视图？

Question

我无法将第二个“日期”Text置于HStack. 如您所见，在图像中，它在左侧稍远一些。我只希望第二个视图以 HStack 为中心。我希望将第一个视图锁定为领先。

这是代码。

import SwiftUI

struct DaySummariesBarChart: View {

    var body: some View {
        HStack {
            Text("Date")
                .font(.footnote)
            Text("Date")
            Spacer()
        }
    }
}

struct BarChart_Previews: PreviewProvider {
    static var previews: some View {
        DaySummariesBarChart()
            .previewLayout(.sizeThatFits)
    }
}

标签： swiftui

Answer 1

这是一种非常干净的方法：

var body: some View {
  ZStack {
    Text("Date")
      .font(.footnote)
      .frame(maxWidth: .infinity, alignment: .leading)
    Text("Date")
   }
}

第Text一个的 maxWidth 为infinity，因此它占用了整个空间，但与 对齐.leading。

第二个Text在默认情况下居中ZStack。