在SwiftUI中使用UIScreen Height百分比实现自动布局是否合理？

下面几个方法可以替代宽高百分比的适配方式，更贴合SwiftUI的布局逻辑：

• 用原生容器+padding/spacing实现自适应
  SwiftUI的HStack、VStack本身自带自适应能力，配合系统默认或自定义的padding、spacing，就能适配不同机型：

VStack(spacing: 20) {
    Text("SwiftUI布局示例")
        .font(.title)
        .padding(.horizontal) // 自动使用系统默认左右边距，适配所有机型
    
    Button("点击触发") {
        // 动作逻辑
    }
    .frame(maxWidth: .infinity) // 按钮宽度铺满父容器可用空间
    .padding()
    .background(Color.blue)
    .foregroundColor(.white)
    .cornerRadius(8)
    .padding(.horizontal, 20) // 自定义左右边距
}
.padding(.vertical, 30)

这里frame(maxWidth: .infinity)让控件自适应父容器宽度，比硬写百分比更灵活。

• 基于父容器尺寸适配，而非屏幕
  如果需要按比例布局，别直接用屏幕宽高，用GeometryReader获取父容器的尺寸：

GeometryReader { container in
    Image("app_logo")
        .frame(
            width: container.size.width * 0.6,
            height: container.size.width * 0.6
        ) // 基于父容器宽度的60%，适配横屏、分屏等场景
}
.padding()

• 用relativeWidth/relativeHeight简化比例布局
  SwiftUI提供的relativeWidth/relativeHeight是基于父容器的比例，比手动计算屏幕百分比更可靠：

HStack {
    Rectangle()
        .relativeWidth(0.3) // 占HStack宽度的30%
        .foregroundColor(.red)
    
    Rectangle()
        .relativeWidth(0.7) // 占HStack宽度的70%
        .foregroundColor(.blue)
}
.frame(height: 50)
.padding(.horizontal)

• 用Spacer实现弹性对齐
  Spacer能自动填充剩余空间，实现控件的自适应对齐，完全不需要百分比：

HStack {
    Text("左侧标签")
        .font(.headline)
    
    Spacer() // 填充中间空隙，让按钮固定在右侧
    
    Button("操作按钮") {
        // 动作
    }
}
.padding(.horizontal)

• 适配安全区域
  用padding(.safeArea)或safeAreaInset让布局自动避开刘海、底部横条，比硬调百分比更安全：

VStack {
    // 页面内容
}
.padding(.safeArea)

核心思路是尽量依赖SwiftUI的容器驱动布局，利用原生组件的自适应能力，少用固定屏幕百分比，这样布局不仅适配更自然，也符合Apple的设计规范。

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