如何让CameraPreview在视图顶部正确渲染？消除未知顶部边距

用户提供的代码片段 #

SwiftUI部分：

var body: some View {
        VStack {
            CameraView()
        }
...

UIKit部分：

override public func viewDidLoad() {
        super.viewDidLoad()
        
        // Set up the video preview view.
        previewView.session = session
        previewView.videoPreviewLayer.videoGravity = videoGravity
        previewView.videoPreviewLayer.connection?.videoOrientation = AVCaptureVideoOrientation.portrait
        previewView.frame = view.frame
...

问题 #

CameraPreview视图顶部存在未知来源的边距，使用previewView.frame.offset(x: 0, y: -90)虽能近似达到效果，但属于不良编码方式，需要让CameraPreview在视图顶部正确渲染。

解决办法 #

• 修正UIViewController的布局延伸设置
  在viewDidLoad中添加以下代码，阻止视图延伸到状态栏/导航栏区域：

  edgesForExtendedLayout = []
  

• 使用Auto Layout替代frame设置
  放弃直接设置previewView.frame = view.frame，改用Auto Layout约束确保预览视图填满整个父视图：

  previewView.translatesAutoresizingMaskIntoConstraints = false
  NSLayoutConstraint.activate([
      previewView.topAnchor.constraint(equalTo: view.topAnchor),
      previewView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
      previewView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
      previewView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
  ])
  

• 调整SwiftUI容器的布局参数
  确保承载CameraView的VStack没有默认间距，同时让视图忽略顶部安全区：

  VStack(spacing: 0) {
      CameraView()
  }.edgesIgnoringSafeArea(.top)
  

• 检查CameraView的内部实现
  如果CameraView是基于UIViewRepresentable封装的，确认其内部没有额外添加padding或inset，同时保证videoPreviewLayer的videoGravity设置合理（比如使用.resizeAspectFill而非.resizeAspect，避免因比例适配产生留白）。

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