使用SwiftUI的.position修饰符时，父视图变宽为何子视图上移？

核心原因：.position的定位逻辑与视图布局约束 #

你遇到的问题根源有两个：

1. .position(x:y:)的定位规则：这个修饰符是将视图的中心点放置在父视图坐标空间的(x,y)位置，而非视图的左上角。你预期左上角偏移10px，实际上对应的中心点坐标应该是(10+50, 10+50) = (60,60)，这在300×300的父视图中看起来正常，是因为此时ZStack刚好填充父视图，坐标参考系符合预期。
2. ZStack未明确填充父视图：你的代码中ZStack没有设置填充父视图的约束（如.frame(maxWidth: .infinity, maxHeight: .infinity)），当父视图宽度变化时，ZStack的大小可能没有同步扩展，甚至被父视图居中布局，导致坐标参考系偏移，最终视觉上出现蓝色视图位置异常。

你提到父视图变宽时Y轴位置改变，大概率是因为ZStack在父视图中垂直方向的布局约束变化（比如父视图的垂直对齐方式导致ZStack上下偏移），而.position的Y坐标是基于ZStack的坐标空间，而非父视图的完整空间。

正确实现：固定左上角偏移10px的方案 #

方案1：结合alignment与.offset（推荐） #

通过设置ZStack的对齐方式为topLeading，再用.offset让视图偏移10px，直接实现左上角偏移效果：

struct TestView: View {
  var body: some View {
    ZStack(alignment: .topLeading) {
      // 背景填充整个父视图
      Rectangle()
        .foregroundColor(Color.gray.opacity(0.4))
        .frame(maxWidth: .infinity, maxHeight: .infinity)

      // 保持绿色视图居中
      Rectangle()
        .foregroundColor(.green)
        .frame(width: 100, height: 100)
        .position(x: UIScreen.main.bounds.width/2, y: UIScreen.main.bounds.height/2)

      // 蓝色视图固定左上角偏移10px
      Rectangle()
        .foregroundColor(.blue)
        .frame(width: 100, height: 100)
        .offset(x: 10, y: 10)
    }
    // 让ZStack强制填充父视图
    .frame(maxWidth: .infinity, maxHeight: .infinity)
  }
}

方案2：使用GeometryReader获取父视图尺寸 #

通过GeometryReader明确获取父视图的坐标空间，确保.position的参考系是父视图的完整边界：

struct TestView: View {
  var body: some View {
    GeometryReader { geo in
      ZStack {
        Rectangle()
          .foregroundColor(Color.gray.opacity(0.4))
          .frame(maxWidth: .infinity, maxHeight: .infinity)

        // 基于父视图尺寸居中绿色视图
        Rectangle()
          .foregroundColor(.green)
          .frame(width: 100, height: 100)
          .position(x: geo.size.width/2, y: geo.size.height/2)

        // 蓝色视图中心点定位到(60,60)，对应左上角偏移10px
        Rectangle()
          .foregroundColor(.blue)
          .frame(width: 100, height: 100)
          .position(x: 60, y: 60)
      }
    }
  }
}

这两种方案都能确保蓝色视图始终固定在父视图左上角偏移10px的位置，不受父视图尺寸变化影响。

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