SwiftUI：如何让ZStack中的VStack居左上角对齐

你当前的代码没生效，核心问题是内层ZStack没有占满父容器的空间，导致alignment: .topLeading起不到作用，再加上VStack默认居中布局，标签自然不会跑到左上角。

直接用下面的修改代码就能解决：

ZStack {
    // 标签容器：占满整个父ZStack，左上角对齐
    ZStack(alignment: .topLeading) {
        VStack(alignment: .leading, spacing: 8) {
            Text("Contributions")
                .frame(width: 180, height: textHeight, alignment: .center)
                .background(Color.POI.blue)
                .cornerRadius(textHeight / 2)
                .multilineTextAlignment(.center)

            Text("Earnings")
                .frame(width: 150, alignment: .center)
                .cornerRadius(dimensions.cornerRadiusLarge)
                .multilineTextAlignment(.center)
        }
        .padding(.top, 8) // 可选：避免标签贴到容器顶部
    }
    .frame(maxWidth: .infinity, maxHeight: .infinity) // 关键：让内层ZStack填满父容器

    // 这里放你的图表内容（因为ZStack是后添加的视图在上层，所以图表会显示在标签下方）
    // Rest of the graph
}

几个关键调整点： #

• 给内层ZStack加.frame(maxWidth: .infinity, maxHeight: .infinity)：只有让它占满父容器的空间，alignment: .topLeading才能把内部的VStack定位到左上角。
• 给VStack设置alignment: .leading：让两个文本标签左对齐排列，不会因为VStack默认居中而整体偏移。
• 可选的.padding(.top, 8)：纯粹是视觉优化，防止标签紧贴顶部边缘。

如果图表内容挡住了标签，要么把标签容器的代码放在图表代码后面（ZStack中后添加的视图层级更高），要么给标签容器加.zIndex(1)强制提升层级。

内容的提问来源于stack exchange，提问作者tHatpart