iOS SwiftUI 避免硬编码.frame 实现全设备响应式动态视图框架的最佳方法

SwiftUI 原生布局系统本身就支持跨尺寸设备的自动适配，只要不主动写死固定宽高值，完全不需要针对不同屏幕做手动计算，常见的适配实现方式如下：

• 利用视图原生的尺寸填充特性
  你示例中的Rectangle()默认就会尽可能占满父视图提供的全部可用空间，不需要额外指定宽高，会自动适配从iPhone SE到大屏Pro Max、甚至iPad分屏场景下的所有可用尺寸。
• 全屏幕展示场景适配
  如果需要让视图覆盖整个屏幕（包含刘海、灵动岛、底部Home条对应的安全区域），只需要添加.ignoresSafeArea()修饰符，系统会自动处理不同设备的边界适配，不需要手动读取屏幕宽高做计算。
• 固定比例视图适配
  针对视频播放器这类需要保持固定宽高比的场景，直接使用.aspectRatio修饰符即可，不需要计算具体的宽高数值：

  Rectangle()
      .aspectRatio(16/9, contentMode: .fit)
  

  系统会自动根据当前容器的可用空间，计算出符合比例的实际视图尺寸，在所有设备上都能保持正确的显示比例。
• 规避错误的尺寸获取方式
  不要用UIScreen.main.bounds这类方式直接读取屏幕固定值做尺寸计算，这类写法在iPad分屏、画中画、App窗口缩放场景下会出现尺寸错误。顺着SwiftUI的布局传递逻辑编写视图，会自动获取到当前场景下的正确可用尺寸。

适配完成的示例参考代码：

import SwiftUI

struct VideoPlayerView: View {
    var body: some View {
        Rectangle()
            // 取消注释即可按需开启对应适配逻辑
            // 铺满全屏幕（含安全区域）
            // .ignoresSafeArea()
            // 保持16:9标准视频播放比例
            // .aspectRatio(16/9, contentMode: .fit)
    }
}

struct VideoPlayerView_Previews: PreviewProvider {
    static var previews: some View {
        // 可直接切换不同设备预览适配效果，无需修改视图代码
        VideoPlayerView()
            .previewDisplayName("iPhone SE")
            .previewDevice(PreviewDevice(rawValue: "iPhone SE (3rd generation)"))
        VideoPlayerView()
            .previewDisplayName("iPhone 15 Pro Max")
            .previewDevice(PreviewDevice(rawValue: "iPhone 15 Pro Max"))
    }
}

写死.frame(width: 200, height: 200)这类固定尺寸，本质是跳过了SwiftUI的动态布局传递逻辑，才需要针对不同屏幕做额外适配。顺着系统布局逻辑开发时，完全不需要为不同屏幕尺寸写专门的适配代码。

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