SwiftUI ScrollReader添加水平padding后滚动定位异常问题咨询

核心本质：ScrollReader的坐标系与padding的布局层级不匹配 #

SwiftUI的ScrollReader是基于ScrollView内部内容的原始坐标系来计算滚动锚点位置的，而.padding(.horizontal)是给内容添加的外部布局偏移，这个偏移并没有被ScrollReader的定位逻辑纳入计算：

• 当使用anchor: .center时：目标元素的中心点是相对于「带水平padding的整个内容区域」计算的，但ScrollView的滚动边界是「无padding的原始内容区域」，定位时没有抵消左侧padding的宽度，导致最终滚动后元素会偏左。
• 当使用anchor: .leading时：目标元素的leading位置是相对于「带padding的内容leading」（也就是padding的左边缘），但ScrollView的可视区域leading是原始内容的leading，滚动后元素的实际leading会和可视区域leading对齐，相当于元素被左边的padding“推”到了可视区域外，造成左侧被遮挡。

为什么Spacer临时方案有效 #

你添加的Spacer().frame(width: 8)是作为内容的一部分存在的，相当于直接拓展了内容本身的左右宽度，ScrollReader计算锚点时会把Spacer的宽度纳入内容坐标系，定位时自然会正确偏移，相当于把原本的padding转化成了内容的固有部分，而非附加的布局偏移。

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