SwiftUI单维度下使用position()实现单轴绝对定位的方法

原生的SwiftUI position(x:y:) 方法不支持单独设置单轴的绝对定位，该方法强制要求同时传入x、y两个坐标参数，调用后会完全覆盖视图原本的布局计算结果，两个轴的默认位置都会被替换，无法只保留其中一个轴的默认值。

实现单轴绝对定位的方案 #

方案1：结合GeometryReader获取默认轴坐标 #

通过GeometryReader拿到视图默认布局下的对应轴坐标，仅替换你需要修改的轴参数即可。例如要固定x轴为100，保留y轴默认值的代码如下：

GeometryReader { proxy in
    // 你的目标视图
    Text("示例文本")
        .position(x: 100, y: proxy.frame(in: .local).midY)
}

这里proxy.frame(in: .local).midY就是视图在默认布局下的y轴中点坐标，和position方法默认使用的y值一致，就达到了仅修改x轴绝对位置的效果。

方案2：封装自定义修饰符简化调用 #

你可以把上面的逻辑封装成View扩展，后续直接调用即可，代码如下：

extension View {
    /// 仅设置x轴绝对位置，保留y轴默认值
    func absolutePosition(x: CGFloat) -> some View {
        GeometryReader { proxy in
            self.position(x: x, y: proxy.frame(in: .local).midY)
        }
    }
    
    /// 仅设置y轴绝对位置，保留x轴默认值
    func absolutePosition(y: CGFloat) -> some View {
        GeometryReader { proxy in
            self.position(x: proxy.frame(in: .local).midX, y: y)
        }
    }
}

使用示例：

Text("示例文本")
    .absolutePosition(x: 100) // 仅修改x轴绝对位置为100，y轴保持默认

注意：GeometryReader默认会撑满父视图的可用空间，如果你不希望它影响外层布局，可以根据业务需求给GeometryReader添加fixedSize()修饰符，或者手动指定它的frame尺寸。

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