SwiftUI：如何調整 UIViewRepresentable output 的大小？

Question

我嘗試在 SwiftUI 上構建一個基本的 Live Photo 應用程序，並努力顯示所選照片。 為此，我嘗試為 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)