SwiftUI:如何调整UIViewRepresentable输出的大小？

Question

我尝试在SwiftUI上建立一个基本的实时照片应用程序，并与所选照片的显示作斗争。为此，我尝试为PHLivePhotoView创建UIViewRepresentable：

import SwiftUI
import PhotosUI

struct LivePhotoView: UIViewRepresentable {
    @Binding var livephoto: PHLivePhoto

    func makeUIView(context: Context) -> PHLivePhotoView {
        return PHLivePhotoView()
    }

    func updateUIView(_ lpView: PHLivePhotoView, context: Context) {
        lpView.livePhoto = livephoto
    }
}

在我的主要观点中，我这样称呼它：

if pickerResult.count > 0 {
    LivePhotoView(livephoto: $pickerResult[0])
}

直到我尝试限制视图大小时，它才能正常工作。我想把预览放在一个方形的盒子里，就像这样。

LivePhotoView(livephoto: $pickerResult[0])
    .scaledToFit()
    .frame(width: geo.size.width, height: geo.size.width, alignment: .center)

但是scaledToFit()似乎不起作用，我只有一个裁剪过的图像。预期行为是两个具有保留宽高比的图像和较短边的空白空间。这有可能吗？

Answer 1

在原始视图和SwiftUI中仅限制一个帧，如

func makeUIView(context: Context) -> PHLivePhotoView {
    let photoView = PHLivePhotoView()
    photoView.contentMode = .scaleAspectFit
    return photoView
}

和(甚至不带) frame修饰符

LivePhotoView(livephoto: $pickerResult[0])
    .frame(width: geo.size.width, height: geo.size.width, alignment: .center)