使用GeometryReader无法将视频适配至屏幕边界 横屏时上下残留黑边

问题现象 #

接入视频组件后，将设备旋转至左横屏状态时，屏幕上下始终残留黑边区域，视频无法完全铺满整个屏幕。已在横屏判断分支中尝试通过.frame修饰符将视频宽高设置为GeometryReader读取到的屏幕尺寸，但该设置并未生效，无法消除黑边。

复现代码 #

GeometryReader { geo in
   ZStack {   
         if self.getIsLandscape(geometry: geo) {
               MKAVideo(player: $player)
               .frame(width: geo.size.width,height: geo.size.height) // 该设置未生效
                                    
                                    
          } else {
               MKAVideo(player: $player)
               .scaledToFit()
               .frame(width:  geo.size.width)
                        }
     }
}

问题原因 #

设置外层.frame仅能指定视频组件的占位尺寸，不会改变组件内部视频内容的默认缩放规则：

• 竖屏分支调用的.scaledToFit()对应等比缩放、完整显示内容的模式，视频宽高比和容器不一致时就会自动留黑边
• 横屏分支没有显式指定缩放模式，组件内部依然沿用默认的等比适配逻辑，即使外层frame和屏幕尺寸一致，视频内容也不会拉伸/裁剪到铺满整个区域

修复方案 #

横屏分支显式指定视频缩放模式为填充，同时添加裁剪修饰符避免内容溢出，修改后代码如下：

GeometryReader { geo in
   ZStack {   
         if self.getIsLandscape(geometry: geo) {
               MKAVideo(player: $player)
               .scaledToFill() // 等比缩放直到完全覆盖容器，超出部分会被裁剪
               .frame(width: geo.size.width,height: geo.size.height)
               .clipped()
               .ignoresSafeArea() // 忽略安全区域边距，确保真正铺满全屏幕
                                    
          } else {
               MKAVideo(player: $player)
               .scaledToFit()
               .frame(width:  geo.size.width)
                        }
     }
}

补充说明 #

如果MKAVideo组件暴露了自定义视频填充模式的属性（类似AVPlayer的videoGravity配置），可以直接将该属性设置为.resizeAspectFill，该配置优先级高于SwiftUI外层的缩放修饰符，适配效果更稳定。

内容的提问来源于stack exchange，提问作者a.rz