如何修改SwiftUI代码实现适配所有iOS屏幕尺寸的自适应按钮？

你的问题根源在于硬编码的固定布局参数：固定的width:352和padding(.top,600)在不同尺寸屏幕上会直接导致位置、大小偏差。下面是针对性的修改方案：

修改后的代码 #

struct GetStartedButton : View {
    var body: some View {
        VStack {
            Spacer() // 利用Spacer自动占据垂直剩余空间，把按钮推到相对底部的位置
            
            Text("Get Started")
                .frame(maxWidth: .infinity, minHeight: 57) // 宽度自适应父视图，高度保持固定
                .padding(.horizontal, 20) // 左右留边，避免按钮贴满屏幕边缘
                .background(Color(red: 0.847, green: 0.373, blue: 0.275))
                .foregroundColor(.white)
                .cornerRadius(30)
                .padding(.bottom, 40) // 按钮距离屏幕底部的固定边距
        }
    }
}

关键改动说明 #

• 自适应宽度：用maxWidth: .infinity替代固定宽度，让按钮自动匹配父视图宽度，配合.padding(.horizontal,20)保证左右留白，完美适配所有屏幕宽度。
• 相对垂直位置：用VStack+Spacer替代固定的.padding(.top,600)，Spacer会根据屏幕高度自动分配空间，让按钮始终保持垂直方向的相对位置，不会因屏幕尺寸变化偏移。
• 简化颜色写法：去掉冗余的colorLiteral，直接使用精简的RGB值，代码更易维护。

进阶优化（可选） #

如果需要更精准的垂直位置控制（比如按钮距离顶部的比例固定），可以用GeometryReader获取屏幕尺寸计算动态边距：

struct GetStartedButton : View {
    var body: some View {
        GeometryReader { geo in
            Text("Get Started")
                .frame(maxWidth: .infinity, minHeight: 57)
                .padding(.horizontal, 20)
                .background(Color(red: 0.847, green: 0.373, blue: 0.275))
                .foregroundColor(.white)
                .cornerRadius(30)
                .padding(.top, geo.size.height * 0.7) // 按钮距离顶部为屏幕高度的70%，适配所有屏幕
        }
    }
}

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